.elemento_con {
       width: 100%;            /* Ancho del elemento */
       margin-right: auto;    /* Margen automático a la derecha */
       text-align: justify;



       
}
    .contenedor_inicio {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Distribuye las columnas uniformemente */
        max-width: 1000px; /* Ancho máximo del contenedor */
        margin: 20px auto; /* Margen para centrar el contenido */
    }
    
    .column_ss {
        flex: 3; /* Cada columna ocupa 1/3 del espacio disponible */
        margin-bottom: 20px; /* Espacio inferior entre las columnas */
        padding: 20px;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .column_ss {
            flex: 1 1 100%; /* Ocupa todo el ancho en pantallas pequeñas */
        }
    }
     .texto-en-negrita {
        font-weight: bold;
    }
    
    .video-container {
        display: flex;
        flex-wrap: wrap;
        max-width: 800px; /* Ancho máximo del contenedor */
        margin: 20px auto; /* Margen para centrar el contenido */
    }

    .video {
        flex: 1 1 20%; /* Ocupa el 60% del espacio disponible */
        margin-right: 20px; /* Espacio entre el video y el texto */
    }

    .video iframe {
        width: 100%; /* Ajustar el video al ancho del contenedor */
        height: 160px; /* Altura fija para mantener la relación de aspecto 16:9 */
        border: none; /* Quitar borde del iframe */
    }

    .texto {
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
    }

    .texto_t  {
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: 40px;
        margin-top: 0;
        font-weight: 300;
        font-weight: bold;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        text-align: left;
    }

    .texto_t2  {
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: 18px;
        margin-top: 0;
        font-weight: 300;
        font-weight: bold;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        text-align: left;
        
    }

    .texto_p {
        font-family: 'Helvetica Light', 'Helvetica', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        font-weight: 300;
        color: #777777;    
      }

    @media (max-width: 768px) {
        .video-container {
            flex-direction: column; /* Cambiar a una columna en pantallas pequeñas */
        }

        .video,
        .texto {
            flex: 1 1 100%; /* Ocupar todo el ancho en pantallas pequeñas */
            margin-right: 0; /* Quitar margen derecho en pantallas pequeñas */
        }
    }

.videos-contenido {
        display: flex;
        justify-content: space-between; /* Espacio entre los iframes */
        max-width: 1000px; /* Ancho máximo del contenedor */
        margin: 20px auto; /* Margen para centrar el contenido */
    }

    .video2 {
        flex: 1 1 48%; /* Ocupa el 48% del espacio disponible */
        position: relative; /* Posición relativa para controlar el tamaño del iframe */
        overflow: hidden; /* Ocultar cualquier desbordamiento del iframe */
        padding-bottom: 30.25%; /* Proporción 16:9 para el iframe */
        margin: 0 5px; /* Margen entre los iframes */
    }

    .video2 iframe {
        position: absolute; /* Posición absoluta para llenar el contenedor */
        top: 0;
        left: 0;
        width: 100%; /* Ancho completo del contenedor */
        height: 100%; /* Altura completa del contenedor */
        border: none; /* Quitar borde del iframe */
    }

    @media (max-width: 768px) {
        .videos-contenido {
            flex-direction: column; /* Cambiar a una columna en pantallas pequeñas */
        }

        .video2 {
            flex: 1 1 100%; /* Ocupar todo el ancho en pantallas pequeñas */
            margin: 10px 0; /* Añadir espacio entre los iframes en pantallas pequeñas */
        }
    }


    .contenido_final {
        display: flex;
        flex-wrap: wrap;
        max-width: 1000px; /* Ancho máximo del contenedor */
        margin: 20px auto; /* Margen para centrar el contenido */
    }

    .columnas_c {
        flex: 1 1 30%; /* Ocupa el 30% del espacio disponible */
        margin: 0 10px; /* Margen entre las columnas */
        padding: 20px; /* Espacio interno */
        width: auto;
        box-sizing: border-box; /* Incluir padding en el ancho */
    }

    .sit_den{
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: px;
        margin-top: 0;
        font-weight: 300;
        font-weight: bold;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        text-align: center;
    }

    @media (max-width: 768px) {
        .contenido_final {
            flex-direction: column; /* Cambiar a una columna en pantallas pequeñas */
        }

        .columnas_contenido {
            flex: 1 1 100%; /* Ocupar todo el ancho en pantallas pequeñas */
            margin: 10px 0; /* Añadir espacio entre las columnas en pantallas pequeñas */
        }
    }

    .text{
        font-family: 'Helvetica Light', 'Helvetica', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        font-weight: 300;
        color: #1D2833;
        text-align: left;
    }

    .color_text{
        font-family: 'Helvetica Light', 'Helvetica', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        flex: 1 1 40%; /* Ocupa el 40% del espacio disponible */
        font-weight: 300;
        font-weight: bold;
        color: #1D2833;
        text-align: left;

    }

    .responsive-img {
        max-width: 100%; /* Máximo ancho de la imagen es el 100% del contenedor */
        height: auto; /* Altura automática para mantener la proporción */
        display: block; /* Asegura que la imagen sea un elemento de bloque */
        margin: 0 auto; /* Centra la imagen horizontalmente */
    }

    .sano{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    }