.estilo_info {
    gap: 12px;
}

.seccion_primera {
    background: #FFFFFF;
}

.seccion_ultima {
    padding-right: 60px;
    gap: 8px;
}

.banner_principal .container {
    height: 100%;
}

.banner_principal {
    background: linear-gradient(to bottom, #D8E6F2, #FFFFFF);
    color: #FFFFFF;
}

.banner_principal svg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_nosotros {
    width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #D8E6F2, #FFFFFF);
}

.banner_nosotros::after {
    content: "";
    position: absolute;
    inset: 0; /* top: 0; right: 0; bottom: 0; left: 0 */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #FFFFFF 100%);
    pointer-events: none; /* permite clics en la imagen */
}

.container-banner {
    position: absolute;
    top: 120px;
    margin-left: 50px;
}

.container-banner p {
    font-size: 36px;
    font-weight: bold;
    margin: 0px;
}

.banner_ultimo .container {
    height: 100%;
}

.banner_ultimo {
    background-color: #25435F;
    color: #FFFFFF;
    height: 270px;
    margin-top: auto;
    padding-top: 32px;
    margin-bottom: -3px;
}

    .banner_ultimo svg {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#solo-movil, .img-manos-tablet {
    display: none;
}

#solo-tablet {
    display: none;
}

.resultados-movil {
    display: none;
}

.texto-con-linea {
    position: relative;
    display: inline-block;
    padding-top: 10px;
}

    .texto-con-linea::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        border-top: 3px solid #86B85D;
    }

.texto-con-linea-m {
    position: relative;
    display: inline-block;
    padding-top: 10px;
}

    .texto-con-linea-m::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 64%;
        border-top: 3px solid #86B85D;
    }

.texto-con-linea-h {
    position: relative;
    display: inline-block;
    padding-top: 10px;
}

    .texto-con-linea-h::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
        border-top: 3px solid #86B85D;
    }

.contenedor {
    gap: 32px;
}

.contenedor .contenedor_info .contenedor_title {
    display: flex;
    align-items: start;
    margin-bottom: 23px;
}

.estilo_info_contenido {
    text-align: left;
}

.estilo_cajas_herramientas_arriba {
    box-shadow: 0px 0px 5px #919EAB;
    border-radius: 8px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
    color: #FAFAFA;
    gap: 8px;
    position: relative;
}

.estilo_cajas_herramientas_abajo {
    box-shadow: 0px 0px 5px #919EAB;
    border-radius: 8px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px;
    color: #FAFAFA;
    gap: 8px;
    position: relative;
}

.estilo_herramientas {
    gap: 16px;
}
    .estilo_herramientas h4 {
        font-size: 20px;
        color: #585C61;
    }

.estilo_contenidos_herramientas {
    gap: 16px;
}

.estilo_contenedor_herramientas {
    font-size: 20px;
    color: #585C61;
    margin-bottom: 36px;
}

.estilo_contenidos_herramientas {
    margin-bottom: 16px;
}

.contenidos_herramientas {

}

    .contenidos_herramientas p {
        font-size: 16px;
        color: #585C61;
    }

    .contenidos_herramientas span {
        font: normal normal bold 16px/41px Open Sans;
        color: #25435F;
    }

    .contenidos_herramientas img {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

body {
    background-color: #fff !important;
}
.banner {
    position: relative;
    width: 100%;
    height: 200px;
}

.justificado {
    text-align: justify;
}

.contenido_principal {
    width: 45%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 24px;
}
    .contenido_principal h1 {
        font-family: 'Montserrat';
        font-size: 32px;
        color: #FFFFFF;
        font-weight: 900;
        margin: 0 0 10px;
    }
.contenido_principal p {
    font-size: 16px;
    color: #616161;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner h2 {
    font-size: 45px;
    font-weight: 700;
    color: #075B98;
    text-shadow: 0px 3px 3px #fff;
    width: 605px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.first-section {
    display: flex;
    padding: 0;
    flex-direction:column;
    gap:30px;
}

.contenido_imagen,
.contenido_video {
    max-width: 500px;
    max-height: 400px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}
    .contenido_imagen img,
    .contenido_video video {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.principal {
    display: flex;
    justify-content: space-between;
    min-height: 400px;
    gap:15px;
}
.principal .texto_principal {
    width: 40%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    .principal .video_principal {
        max-width: 650px;
        max-height: 400px;
        overflow: hidden;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 4px;
    }

    .principal .texto_principal {
        /*padding-bottom: 40px;*/
    }
    .principal .texto_principal .principal_title,
    .mision .mision_info .mision_title,
    .vision .vision_info .vision_title {
        display: flex;
        align-items: start;
        margin-bottom: 23px;
    }
        .principal .texto_principal .principal_title i,
        .mision .mision_info .mision_title i,
        .vision .vision_info .vision_title i {
            color: #25435F;
            width: 24px;
            height: 24px;
            font-size: 24px;
            line-height: 41px;
            margin-right: 10px;
        }

            .principal .texto_principal h3,
            .mision .mision_info .mision_title h3,
            .vision .vision_info .vision_title h3 {
                color: #25435F;
                line-height: 41px;
                margin: 0;
                font: normal normal bold 30px/41px Open Sans;
            }
    .principal .texto_principal h2{
        color: #616161;
        font: normal normal bold 26px/36px Open Sans;
        margin: 5px 0 5px 34px;
    }
    .principal .texto_principal h2 i {
        color: #2B557D;
    }
.mision .mision_info p,
.vision .vision_info p {
    color: #616161;
    font: normal normal normal 16px/18px Open Sans;
    margin: 5px 0 5px 34px;
}
.mision .mision_info  p:nth-child(2),
.vision .vision_info p span:nth-child(1){
    font-weight: bold;
}

    .principal .texto_principal .borde-redondo {
        display: inline-block;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 2px solid #2B557D;
        margin-right: 11px;
    }
        .principal .texto_principal .borde-redondo.practico {
            font-size: 23px;
            line-height: 33px;
        }
            .principal .texto_principal .borde-redondo.sencillo {
                font-size: 19px;
                line-height: 33px;
            }
            .principal .texto_principal .borde-redondo.rapido {
                font-size: 23px;
                line-height: 33px;
            }
.principal .video_principal video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mision img, .vision img {
    object-fit: cover;
    border-radius: 8px;
}

.first-section img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 30%;
    width: 33px;
    height: auto;
    object-fit: cover;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}
.first-image picture {
    width: 100%;
    height: 100%;
}
.infoAliados {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
    position: relative;
    margin-top: 60px;
    left: -30px;
    background: #fff;
    border-radius: 4px;
    z-index: 99;
}
.info_title {
    position: absolute;
    top: -45px;
    left: -35px;
    width: 275px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #28C2E4;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
}
.info_title p {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 0;
}
.info_contenido {
    gap: 12px;
}
.info_contenido p {
    font-size: 20px;
    color: #585C61;
    text-align: left;
}
    .info_contenido h2 {
        font-size: 32px;
        color: #43474A;
        font-family: 'Montserrat';
    }
.second-section {
    background: #fafafa;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
    position: relative;
    z-index: 9;
}
.mision_vision {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.resena, .beneficio, .vision, .mision {
    width: 100%;
    min-height: 315px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resena {
    margin-top: 100px;
}
.second-section .contenido_video {
    width: 600px;
    box-shadow: 0px 3px 6px #BFBFBF;
}
.second-section .contenido_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mision_vision img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.mision_info {
    width: 48%;
    padding: 0 0 0 0;
}
.mision_title {
    display: flex;
    align-items: center;
}
.mision_title h4 {
    font-size: 40px;
    margin: 0;
    color: #075B98;
    font-weight: 700;
    padding: 0 20px;
}
.mision_info p {
    font-size: 16px;
    color: #616161;
}
.vision_info {
    width: 48%;
    padding: 0 0 0 0;
}
.vision_title {
    display: flex;
    align-items: center;
}
.vision_info h4 {
    font-size: 40px;
    margin: 0;
    color: #075B98;
    font-weight: 700;
    padding: 0 20px;
}
.vision_info p {
    font-size: 16px;
    color: #616161;
}
.resena_info {
    width: 48%;
    padding: 0 45px 0 0;
}
.resena_title {
    display: flex;
    align-items: center;
}
.resena_info h4 {
    font-size: 40px;
    margin: 0;
    color: #075B98;
    font-weight: 700;
    padding: 0 20px;
}
.resena_info p {
    font-size: 16px;
    color: #616161;
    padding: 10px 10px 0 20px;
}
.beneficio_info {
    width: 48%;
    padding: 0 0 0 45px;
}
.beneficio_title {
    display: flex;
    align-items: center;
}
.beneficio_info h4 {
    font-size: 40px;
    margin: 0;
    color: #075B98;
    font-weight: 700;
    padding: 0 20px;
}
.beneficio_info p {
    font-size: 16px;
    color: #616161;
    padding: 10px 10px 0 20px;
}
.resena_info p.beneficios {
    margin: 0;
    padding-top: 0;
}
.info_title2 {
    display: none;
}
/*Swiper*/
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.first-section hr.separacion-horizontal {
    border-top: 2px solid #AFAFAF;
    margin: 0px;
    opacity: 0.39;
}
/*inicio de los cambios de Nosotros 22/09/2025*/

.main {
    display: flex;
/*    padding: 32px 0;*/
    flex-direction: column;
    align-items: center;
    gap: 56px;
    flex-shrink: 0;
    align-self: stretch;
}

.container-frame-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
}

.conFrameA {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    align-self: stretch;
}

.conFrameB {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 230px;
    width: 100%;
    /*    background: linear-gradient(90deg, rgba(236, 243, 249, 0.00) 85.87%, #ECF3F9 95.14%), #ECF3F9 url(https://cdn.comunidadsd.org/MX/AliadosPorSalud/sitio/doctor-manos.png) no-repeat right center;*/
    padding: 0 54px;
    background-size: 463px auto;
    background-position: 100% -73px;
    /*    width: 414px;*/
    /*    height: 209.806px;*/
    /*    max-width: 414px;*/
    /*    max-height: 209.806px;*/
    /*    aspect-ratio: 414.00/209.81;*/
    /*    background: linear-gradient(90deg, rgba(236, 243, 249, 0.00) 85.87%, #ECF3F9 95.14%), url(/Images/Nosotros/doctor-manos.png) #ECF3F9 0px -66.623px / 100% 131.711% no-repeat;*/
}

.img-medico {
    position: absolute;
    right: 0;
}

.img-manos-desktop {
    width: 414px;
    height: 228px;
}

.img-medico-movil {
    display: none;
}

.conFrameAContentA {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.conFrameAContentB {
    display: flex;
    width: 1160px;
    align-items: center;
    justify-content: space-around;
}

.confbcontent {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.con-text-a {
    color: #2E3133;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.con-text-b {
    height: 81px;
    align-self: stretch;
    color: #585C61;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 14.3px;
}
.contImg {
    display: flex;
    width: 474px;
    height: 315px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.img-medicos {
    width: 453px;
    height: 312px;
    flex-shrink: 0;
    aspect-ratio: 3/2;
    border-radius: 4.845px;
}

.cont-text-info {
    color: #585C61;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24.3px;
}

.informacion {
    display: flex;
    width: 654px;
    padding: 25px 23px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    background:  #FFF;
    box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24), 0 4px 32px 0 rgba(145, 158, 171, 0.24);
}

.info-elements {
    display: flex;
    align-items: center;
    gap: 47px;
    align-self: stretch;
}

.info-element-a {
    display: flex;
    width: 234px;
    height: 169px;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

.cont-icon {
    display: flex;
    width: 52px;
    height: 52px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.cont-icon-vector {
    height: 146px;
    stroke-width: 3px;
    stroke: rgba(163, 205, 241, 0.25);
}

.info-element-b {
    display: flex;
    width: 263px;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

.elea-context {
    display: flex;
    height: 66px;
    padding: 0 8px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
}

.ele-text-a {
    flex: 1 0 0;
    color: #585C61;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

.eleb-context {
    display: flex;
    height: 89px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.ele-text-b {
    flex: 1 0 0;
    align-self: stretch;
    color:  #585C61;
    text-align: center;
    font-family: "Open Sans";
    font-size:  16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

.contInfo {
    display: flex;
    width: 654px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
}

.contList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    align-self: stretch;
}

.conText {
    display: flex;
    width: 1280px;
    padding: 0 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.text-1 {
    align-self: stretch;
    color:  #2E3133;
    font-family: 'Montserrat';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
}

.text-2 {
    letter-spacing: -.2px;
    align-self: stretch;
    color: #81888F;
    font-family: "Open Sans";
    font-size: 20px;
    width: 101%;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
}

.hide-desktop {
    display: none;
}

/*fin del frame a*/

.container-frame-2 {
    display: flex;
    padding-top: 56px;
    padding-bottom: 56px;
}

.conFrame-2-text {
    color: #585C61;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
}

.toggleStrong {
    font-weight: 600;
}

@media (max-width: 991px) {
    .hide-tab-mov {
        display: none;
    }

    .show-tab-mov {
        display: block;
    }

    .main, .container-frame-1, .conFrameA {
        gap: 32px;
    }

    .text-2 {
        width: 90%;
        color: #585C61;
    }

    .conFrameAContentB {
        display: flex;
        flex-direction: column;
    }

    .contImg {
        width: 723px;
        height: 482px;
    }

    .img-medicos {
        width: 719px;
        height: 420px;
        object-fit: cover;
        object-position: center top;
    }

    .contInfo {
        width: 62%;
        justify-content: center;
        align-items: center;
        margin-top: 32px;
        gap: 32px;
    }

    .cont-text-info {
        font-size: 20px;
    }

    .informacion {
        width: 100%;
        padding: 24px 50px;
        border-radius: 8px;
    }

    .info-elements {
        display: flex;
        align-items: center;
        gap: 63px;
        align-self: stretch;
        justify-content: center;
    }

    .cont-icon-vector {
        height: 169px;
    }

    .conFrameB {
        margin: 0 auto;
        height: 305px;
        width: 94%;
        padding: 24px;
        padding-left: 9px;
        background-position: 133% center;
        background-size: 458px auto;
    }

    .confbcontent {
        height: 257px;
        gap: 24px;
    }

    .con-text-a {
        font-family: 'Montserrat';
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 34.5px;
    }

    .container-frame-2 {
        width: 94%;
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .responsive-text {
        width: 468px;
        height: 198px;
        align-self: stretch;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
    }

    .toggleStrong {
        font-weight: 600;
    }
}

@media (max-width: 430px) {

    .conFrameA, .main {
        gap: 32px;
        padding: 0px 9px;
    }

    .contText {
        gap: 12px;
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    .text-1 {
        font-size: 23px;
    }

    .text-2 {
        color: #585C61;
        font-size: 16px;
        width: 95%;
        margin: 0;
    }

    .conFrameAContentB, .contInfo {
        width: 100%;
        gap: 32px;
    }

    .contInfo {
        margin-top: 0px;
    }

    .cont-text-info {
        font-size: 16px;
        margin: 0;
        line-height: 21.6px;
    }

    .img-medicos {
        width: 100%;
        height: 248px;
    }

    .informacion {
        padding: 24px;
    }

    .info-elements {
        flex-direction: column;
        gap: 32px;
    }

    .info-element-a {
        width: 300px;
        height: 141px;
    }

    .info-element-b {
        width: 315px;
    }

    .eleb-context {
        height: 66px;
    }

    .second-vector {
        background: rgba(163, 205, 241, 0.25);
        width: 95%;
        height: 3px;
    }

    .cont-icon-vector, .img-medico {
        display: none;
    }

    .conFrameB {
                width: 88%;
        background: #ECF3F9;
        height: 277px;

/*        margin: 0 auto;
        height: 305px;
        width: 94%;
        padding: 24px;
        padding-left: 9px;
        background-position: 133% center;
        background-size: 458px auto;*/
    }

    .img-medico-movil {
        display: block;
        width: 414px;
        height: 209.806px;
        max-width: 414px;
        max-height: 209.806px;
        aspect-ratio: 414.00/209.81;
        /*        margin: 0 auto;
        height: 305px;
        width: 94%;
        padding: 24px;
        padding-left: 9px;
        background: linear-gradient(90deg, rgba(236, 243, 249, 0.00) 85.87%, #ECF3F9 95.14%), #ECF3F9 url() no-repeat right center;
        background-position: 133% center;
        background-size: 458px auto;*/
    }



    .con-text-a {
        font-size: 23px;
        max-width: 255px;
        line-height: 34.5px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        margin: 0;
    }

    .container-frame-2 {
        width: 95%;
    }

    .conFrame-2-text {
        color: #2E3133;
        font-style: normal;
        font-weight: 700;
        line-height: 21.6px;
        text-align: start;
    }

    .confbcontent {
        gap: 32px;
        padding: 23.78px 0px;
        height: 277px;
    }

    .show-tab-mov {
        display: block;
    }

    .hide-tab-mov {
        display:none;
    }

    .responsive-text {
        flex-shrink: 0;
        width: 340px;
        height: 127px;
        align-self: stretch;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.6px;
    }

    .toggleStrong {
        font-weight: 700;
    }
}
/*Fin de los cambios del 22/09/2025*/

@media (min-width: 1280px) {
    .container-banner {
        margin-left: 0px;
    }
}

@media (max-width: 1279px) {
    #para-pc {
        display: none;
    }
    #solo-movil {
        display: block;
    }
    .estilo_herramientas h4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .estilo_contenidos_herramientas {
        padding-right: 16px !important;
        padding-left: 0px !important;
    }
    #solo-tablet {
        display: block;
    }
    #solo-movil {
        display: none;
    }
    .container-banner {
        margin-left: 0px;
    }
    .container-banner p {
        padding-left: 10px !important;
    }
    .estilo_contenedor_herramientas {
        margin-right: -2px !important;
        margin-left: 12px !important;
    }
}

@media screen and (max-width: 1199px) {
    .info_contenido {
        padding: 10px 20px;
    }
    .principal .texto_principal h1 {
        color: #075B98;
        font-size: 44px;
    }
    .contenido_principal {
        width: 50%;
    }
    .second-section .contenido_video {
        width: 480px;
    }

    .container-banner p {
        font-size: 36px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .conFrameAContentB {
        width: 100%;
    }

    .container-img-cam, .contInfo {
        width: 50%;
    }

    .informacion {
        width: 100%;
    }

    .cont-icon {
        width: 50px;
        height: 50px;
    }

    .ele-text-a, .ele-text-b {
        font-size: 14px;
    }

    .con-text-a, .con-text-b {
        font-size: 16px;
    }
}

@media (min-width: 1024px) and (max-width:1366px) {

    .img-manos-desktop {
        display: block;
        width: 364px;
        height: 228px;
    }

    .img-manos-tablet {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {

    .img-manos-desktop {
        display: none;
    }

    .img-manos-tablet {
        display: block;
        width: 458px;
        height: 306px;
        position: relative;
        left: 102px;
    }
}

@media screen and (max-width: 999px) {
    .container-banner{
        top:140px;
    }
    .container-banner p {
    }
    .first-section {
        position: relative;
    }
    .infoAliados {
        position: initial;
        margin-top: 0;
        left: 0;
    }
    .info_title {
        top: 0;
        left: 0;
    }
    .info_contenido {
        padding: 10px;
    }
    /*segunda parte*/
    .mision_vision picture {
        width: 50%;
    }
    .mision_vision img {
        width: 100%;
        object-fit: cover;
    }
    .mision_info {
        width: 50%;
        padding: 0;
    }
    .second-section {
        height: 100%;
        padding-bottom: 30px;
    }
    .banner h2 {
        width: 550px;
    }
    .principal {
        flex-direction: column;
    }
    .principal .texto_principal, 
    .principal .video_principal {
        width: 100%;
    }
        .principal .video_principal {
            margin: 0 auto;
            width: auto;
        }
    .resena_info, .mision_info {
        padding: 0;
        padding-right: 15px;
    }
    .resena_info h4, 
    .mision_info h4 {
        padding: 0;
    }
    .resena_info p, 
    .mision_info p {
        padding: 10px 0 0;
    }
    .beneficio_info, .vision_info {
        padding: 0;
        padding-left: 15px;
    }
    .beneficio_info h4, 
    .vision_info h4 {
        padding: 0;
    }
    .beneficio_info p, 
    .vision_info p {
        padding: 10px 0 0;
    }
    .contenido_principal {
        width: 70%;
    }    
    .resena {
        flex-direction: column;
        height: auto;
    }
    .beneficio, .mision, .vision {
        flex-direction: column-reverse;
        height: auto;
    }
    .second-section .contenido_video {
        width: 100%;
        overflow: hidden;
    }
    .second-section .contenido_video video {
        width: 101%;
        position: relative;
        left: -2px;
    }
    .resena_info, .mision_info, .beneficio_info, .vision_info {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
}

@media (min-width: 812px) and (max-width: 841px) {
    .conFrameB {
        background-position: 100% center;
    }

    .responsive-text {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .container-banner {
        margin-left: 0px;
    }
    .container-banner p {
        font-size: 32px !important;
        padding-left: 10px;
    }
    .principal .video_principal {
        position: initial;
        width: 100%;
    }
    .contenido_principal {
        width: 100%;
    }
    .first-section {
        position: relative;
    }

    .resultados-movil {
        display: block;
    }
    .estilo_herramientas h4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #solo-movil {
        display: block;
        margin-top: -46px;
    }
    #solo-tablet {
        display: none;
    }
    .estilo_contenidos_herramientas {
        padding-right: 12px !important;
        padding-left: 0px !important;
    }
    .svg_nosotros_1 {
        width: 474px;
        height: 243px;
    }
}

@media (max-width: 768px) {
    .banner_ultimo {
        margin-bottom: -79px;
    }  
}

@media (min-width:431px) and (max-width:540px){
    .conFrameA, .main {
        gap: 32px;
        padding: 0px 9px;
    }

    .contText {
        gap: 12px;
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    .text-1 {
        font-size: 23px;
    }

    .text-2 {
        color: #585C61;
        font-size: 16px;
        width: 95%;
        margin: 0;
    }

    .conFrameAContentB, .contInfo {
        width: 100%;
        gap: 32px;
    }

    .contInfo {
        margin-top: 0px;
    }

    .cont-text-info {
        font-size: 16px;
        margin: 0;
        line-height: 21.6px;
    }

    .img-medicos {
        width: 100%;
        height: 248px;
    }

    .informacion {
        padding: 24px;
    }

    .info-elements {
        flex-direction: column;
        gap: 32px;
    }

    .info-element-a {
        width: 300px;
        height: 141px;
    }

    .info-element-b {
        width: 315px;
    }

    .eleb-context {
        height: 66px;
    }

    .second-vector {
        background: rgba(163, 205, 241, 0.25);
        width: 95%;
        height: 3px;
    }

    .cont-icon-vector, .img-medico {
        display: none;
    }

    .conFrameB {
        justify-content: center;
        width: 88%;
        background: #ECF3F9;
        height: 277px;
    }

    .img-medico-movil {
/*        display: block;*/
        width: 414px;
        height: 209.806px;
        max-width: 414px;
        max-height: 209.806px;
        aspect-ratio: 414.00/209.81;
    }

    .con-text-a {
        font-size: 23px;
        max-width: 255px;
        line-height: 34.5px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        margin: 0;
    }

    .container-frame-2 {
        width: 95%;
    }

    .conFrame-2-text {
        color: #2E3133;
        font-style: normal;
        font-weight: 700;
        line-height: 21.6px;
        text-align: start;
    }

    .confbcontent {
        text-align: center;
        align-items: center;
        gap: 32px;
        padding: 23.78px 0px;
        height: 277px;
    }

    .show-tab-mov {
        display: block;
    }

    .hide-tab-mov {
        display: none;
    }

    .responsive-text {
        flex-shrink: 0;
        width: 340px;
        height: 127px;
        align-self: stretch;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.6px;
    }

    .toggleStrong {
        font-weight: 700;
    }
}

@media (max-width: 480px) {
    .svg_nosotros_1 {
        width: 366px;
        height: 243px;
    }
}