/*Css para el banner de las secciones de los doctores*/



.doctor .banner-doctores {
    height: 658px;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 658px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.doctor.doctora1 .banner-doctores {
    background-image: url(../imagenes/01a-Ainara-Soria-Madrid.jpg);
}
.doctor.doctora2 .banner-doctores {
    background-image: url(../imagenes/02a-Teresa-Curiel-Santiago.jpg);
}
.doctor.doctora3 .banner-doctores {
    background-image: url(../imagenes/03a-Eva-Munoz-Barcelona.jpg);
}

.doctor.doctora4 .banner-doctores {
    background-image: url(../imagenes/04a-Ana-Arance-Barcelona.jpg);
}
.doctor.doctor1 .banner-doctores {
    background-image: url(../imagenes/05a-Miguel-Berciano-Malaga.jpg);
}
.doctor.doctor2 .banner-doctores {
    background-image: url(../imagenes/06a-Salvador-Martin-Pamplona.jpg);
}










.doctores-container {
    width: 50%;
    height: 460px;
    flex-shrink: 0;
    background: #FFF;
    position: absolute;
    top: 200px;
    left: 130px;
    padding: 80px 200px 0px 100px;

}

.doctor-name {
    color: #000;

    font-family: Roboto;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 121.739% */
   
}

.doctor-image {
    width: 128.079px;
    height: 7.59px;
    flex-shrink: 0;
}

.doctor-description {
    color: rgba(0, 0, 0, 0.51);

    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity:50%;
}
@media(max-width:1440px){
    .doctores-container {
        width: 60%;
        height: 285px; ;
        flex-shrink: 0;
        top: 210px;
        left: 130px;
        padding: 70px 65px 0;
    }
    .doctor-name {
        line-height: 44px;
        overflow-x: unset;
      }
    .doctor.doctora1 .banner-doctores {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-1440.jpg);
        width: 100%;
        height: 493px;
    }
    .doctor.doctora2 .banner-doctores {
        background-image: url(../imagenes/02a-Teresa-Curiel-Santiago-1440.jpg);
        width: 100%;
        height: 493px;
    }
    .doctor.doctora3 .banner-doctores {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona-1440.jpg);
        width: 100%;
        height: 493px;
    }
    
    .doctor.doctora4 .banner-doctores {
        background-image: url(../imagenes/04a-Ana-Arance-Barcelona-1440.jpg);
        width: 100%;
        height: 493px;
    }
    .doctor.doctor1 .banner-doctores {
        background-image: url(../imagenes/05a-Miguel-Berciano-Malaga-1440.jpg);
        width: 100%;
        height: 493px;
    }
    .doctor.doctor2 .banner-doctores {
        background-image: url(../imagenes/06a-Salvador-Martin-Pamplona-1440.jpg);
        width: 100%;
        height: 493px;
    }
    
}

@media(max-width:1024px){
    .doctores-container {
        width: 50%;
height: 270px;
        left: 50px;
        top: 85px;
        padding: 40px 40px 0px 
    }
    .doctor.doctora1 .banner-doctores {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-1024.jpg);
        height: 351px;
    }
    .doctor.doctora2 .banner-doctores {
        background-image: url(../imagenes/02a-Teresa-Curiel-Santiago-1024.jpg);
        height: 351px;
    }
    .doctor.doctora3 .banner-doctores {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona-1024.jpg);
        height: 351px;}
    
    .doctor.doctora4 .banner-doctores {
        background-image: url(../imagenes/04a-Ana-Arance-Barcelona-1024.jpg);
        height: 351px;
    }
    .doctor.doctor1 .banner-doctores {
        background-image: url(../imagenes/05a-Miguel-Berciano-Malaga-1024.jpg);
        height: 351px;
    }
    .doctor.doctor2 .banner-doctores {
        background-image: url(../imagenes/06a-Salvador-Martin-Pamplona-1024.jpg);
        height: 351px;
    }
    .doctor-name {
        font-size: 28px;
    }
    .doctor-description{
        font-size: 18px;
    }

}
@media(max-width:820px) {
    .doctores-container {
        height: 170px;
        left: 50px;
        top: 115px;
        padding: 40px 20px 0px;
    }
    
    .doctor.doctora1 .banner-doctores {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-820.jpg);

        height: 281.021px;
    }
    .doctor.doctora2 .banner-doctores {
        background-image: url(../imagenes/02a-Teresa-Curiel-Santiago-820.jpg);
        height: 281.021px;
    }
    .doctor.doctora3 .banner-doctores {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona-820.jpg);
        height: 281.021px;
    }
    
    .doctor.doctora4 .banner-doctores {
        background-image: url(../imagenes/04a-Ana-Arance-Barcelona-820.jpg);
        height: 281.021px;
    }
    .doctor.doctor1 .banner-doctores {
        background-image: url(../imagenes/05a-Miguel-Berciano-Malaga-820.jpg);
        height: 281.021px;
    }
    .doctor.doctor2 .banner-doctores {
        background-image: url(../imagenes/06a-Salvador-Martin-Pamplona-820.jpg);
        height: 281.021px;
    }
    

    .doctor-name {
        color: #000;

        font-family: Roboto;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        
    }



    .doctor-description {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }
}




@media(max-width:768px) {
    .doctor.doctora1 .banner-doctores {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-768.jpg);
        height: 263.2px;
    }
    .doctor.doctora2 .banner-doctores {
        background-image: url(../imagenes/02a-Teresa-Curiel-Santiago-768.jpg);
        height: 263.2px;
    }
    .doctor.doctora3 .banner-doctores {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona-768.jpg);
        height: 263.2px;}
    
    .doctor.doctora4 .banner-doctores {
        background-image: url(../imagenes/04a-Ana-Arance-Barcelona-768.jpg);
        height: 263.2px;
    }
    .doctor.doctor1 .banner-doctores {
        background-image: url(../imagenes/05a-Miguel-Berciano-Malaga-768.jpg);
        height: 263.2px;
    }
    .doctor.doctor2 .banner-doctores {
        background-image: url(../imagenes/06a-Salvador-Martin-Pamplona-768.jpg);
        height: 263.2px;
    }
    .doctores-container {
        
        left: 50px;
        top: 120px;
    }

    

    .doctor-name {
        color: #000;

        font-family: Roboto;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
       
        /* 119.467% */
    }



    .doctor-description {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .doctor-image {
        width: 68.309px;
height: 4.048px;
    }


}

@media(max-width:720px) {
    .doctor-name{
        font-size: 24px;
    }
    .doctores-container{
        padding: 20px 20px 0px;
    }
}
@media(max-width:500px) {
    .doctor-name{
        font-size: 20px;
    }
    .doctor-description {
        font-size: 14px;
        margin-top: 5px;
    }
}
@media(max-width:440px) {
   

    .doctores-container {
        width: 213.432px;
height: 123.849px;
        flex-shrink: 0;
        left: 50px;
        top: 100px;
        width: 242px;
        height: 195px;
        
        padding: 20px 50px 0px 20px;
    }
    .doctor.doctora1 .banner-doctores {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-430.jpg);
        width: 100%;
        height: 148px;
    }
    .doctor.doctora2 .banner-doctores {
        background-image: url(../imagenes/02a-Teresa-Curiel-Santiago-430.jpg);
        width: 100%;
        height: 148px;
    }
    .doctor.doctora3 .banner-doctores {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona-430.jpg);
        width: 100%;
        height: 148px;
    }
    
    .doctor.doctora4 .banner-doctores {
        background-image: url(../imagenes/04a-Ana-Arancee-Barcelona-430.jpg);
        width: 100%;
        height: 148px;
    }
    .doctor.doctor1 .banner-doctores {
        background-image: url(../imagenes/05a-Miguel-Berciano-Malaga-430.jpg);
        width: 100%;
        height: 148px;
    }
    .doctor.doctor2 .banner-doctores {
        background-image: url(../imagenes/06a-Salvador-Martin-Pamplona-430.jpg);
        width: 100%;
        height: 148px;
    }

    .doctor-name {
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        
        font-family: Roboto;
    }



    .doctor-description {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        font-family: Roboto;
    }


}

@media(max-width:375px){

    .doctores-container {
        width: 242px !important;
        height: 195px !important;
        flex-shrink: 0;
        left: 21px;
        top: 105px;
        width: 508.267px;
        height: 294.933px;
        padding: 20px 30px 0px 20px;



}
.doctor-name {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.doctor-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
}


/*fotos*/

@media(max-width: 375px) {
    .container-fotos-reducido {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .foto-uno {
        background-image: url(../imagenes/Doctora-02-Imagen-Cuadrada-375.jpg);

    }

    .foto-dos {
        background-image: url(../imagenes/Doctora-03-Imagen-Cuadrada-375.jpg);

    }

    .foto-tres {
        background-image: url(../imagenes/Doctora-04-Imagen-Cuadrada-375.jpg);

    }
}


/*  CSS PARA EL CONTAINER FOTOS DE UNA SOLA COLUMNA Y TRES FILAS     */

.container-fotos-reducido {
    display: flex;
    justify-content: space-between;
    /* Espaciado uniforme entre elementos */
    align-items: center;
    /* Centrado vertical */

}

.filas2 {
    display: flex;


}

.filas2 div {
    background-size: cover;
    background-position: center;
    width: 640px;
    /* Tamaño base */
    height: 553px;
    /* Tamaño base */
    flex-shrink: 0;
    /* Evitar que los elementos se reduzcan */

}

.foto-uno {
    background-image: url("../imagenes/Doctora-02-Imagen-Cuadrada.jpg");
}

.foto-dos {
    background-image: url("../imagenes/Doctora-03-Imagen-Cuadrada.jpg");
}

.foto-tres {
    background-image: url("../imagenes/Doctora-04-Imagen-Cuadrada.jpg");
}

/* Media Queries */
@media (max-width: 1024px) {
    .filas2 div {
        width: 341.326px;
        height: 294.74px;
        flex-shrink: 0;
    }
}

@media (max-width: 820px) {
    .filas2 div {
        width: 273.328px;
        height: 236.022px;
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {
    .filas2 div {
        width: 255.995px;
        height: 221.055px;
        flex-shrink: 0;
    }
}

@media (max-width: 430px) {
    .filas2 div {
        width: 143.33px;
        height: 123.768px;
        flex-shrink: 0;
    }
}

/* CSS PARA LA SEGUNDA DOCTORA      */

.banner-doctores2 {
    background-image: url(../imagenes/02a-Teresa-Curiel-Santiago.jpg);
    height: 658px;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 658px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.doctores-container2 {
    width: 953px;
    height: 553px;
    flex-shrink: 0;
    background: #FFF;
    position: absolute;
    bottom: 200px;
    left: 130px;
    padding: 80px 200px 0px 100px;

}

.doctor-name2 {
    color: #000;

    font-family: Roboto;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 121.739% */
    backdrop-filter: blur(5px);
}

.doctor-image2 {
    width: 128.079px;
    height: 7.59px;
    flex-shrink: 0;
}

.doctor-description2 {
    color: rgba(0, 0, 0, 0.51);

    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media(max-width:820px) {
    .doctores-container2 {
        width: 407.01px !important;
        height: 236.177px !important;
        flex-shrink: 0;
    }

    .banner-doctores2 {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid.jpg);
        height: 236.933px;

        background-position: TOP;
        BACKGROUND-REPEAT: no-repeat;
        width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .doctor-name2 {
        color: #000;

        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 23.917px;
    }



    .doctor-description2 {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 11.958px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }
}




@media(max-width:1024px) {
    .doctores-container2 {

        width: 508.267px;
        height: 294.933px;
        left: 50px;
        top: 70px;
        padding: 40px 100px 0px 50px
    }

    .banner-doctores2 {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid.jpg);
        height: 294.933px;

        background-position: TOP;
        BACKGROUND-REPEAT: no-repeat;
        width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .doctor-name2 {
        color: #000;

        font-family: Roboto;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 29.867px;
        /* 119.467% */
    }



    .doctor-description2 {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 14.933px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



}

@media(max-width:440px) {
    .banner-doctores2 {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid-375.jpg);
        height: 147.33px !important;

    }

    .doctores-container2 {
        width: 213.432px !important;
        height: 123.849px !important;
        flex-shrink: 0;
        left: 20px;
        top: 30px;
        width: 508.267px;
        height: 294.933px;
        
        padding: 20px 50px 0px 20px;
    }

    .doctor-name2 {
        font-size: 10.302px;
        font-style: normal;
        font-weight: 700;
        line-height: 12.542px
    }



    .doctor-description2 {
        font-size: 6.271px;
        font-style: normal;
        font-weight: 400;
    }


}


/*fotos*/

@media(max-width: 375px) {
    .container-fotos-reducido {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .foto-uno {
        background-image: url(../imagenes/Doctora-03-Imagen-Cuadrada-375.jpg);

    }

    .foto-dos {
        background-image: url(../imagenes/Doctora-04-Imagen-Cuadrada-375.jpg);

    }

    .foto-tres {
        background-image: url(../imagenes/Doctor-06-Imagen-Cuadrada-375.jpg);

    }
}


/*   CSS PARA EL TERCER DOCTOR                           */
.banner-doctores3 {
    background-image: url(../imagenes/03a-Eva-Munoz-Barcelona.jpg);
    height: 658px;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 658px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.doctores-container3 {
    width: 953px;
    height: 553px;
    flex-shrink: 0;
    background: #FFF;
    position: absolute;
    bottom: 200px;
    left: 130px;
    padding: 80px 200px 0px 100px;

}

.doctor-name3 {
    color: #000;

    font-family: Roboto;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 121.739% */
    backdrop-filter: blur(5px);
}

.doctor-image3 {
    width: 128.079px;
    height: 7.59px;
    flex-shrink: 0;
}

.doctor-description3 {
    color: rgba(0, 0, 0, 0.51);

    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media(max-width:820px) {
    .doctores-container3 {
        width: 407.01px !important;
        height: 236.177px !important;
        flex-shrink: 0;
    }

    .banner-doctores3 {
        background-image: url(../imagenes/03a-Eva-Munoz-Barcelona.jpg);
        height: 236.933px;

        background-position: TOP;
        BACKGROUND-REPEAT: no-repeat;
        width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .doctor-name3 {
        color: #000;

        font-family: Roboto;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 23.917px;
    }



    .doctor-description3 {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 11.958px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;

    }
}




@media(max-width:1024px) {
    .doctores-container3 {

        width: 508.267px;
        height: 294.933px;
        left: 50px;
        top: 70px;
        padding: 40px 100px 0px 50px
    }

    .banner-doctores2 {
        background-image: url(../imagenes/01a-Ainara-Soria-Madrid.jpg);
        height: 294.933px;

        background-position: TOP;
        BACKGROUND-REPEAT: no-repeat;
        width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .doctor-name2 {
        color: #000;

        font-family: Roboto;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 29.867px;
        /* 119.467% */
    }



    .doctor-description3 {
        color: rgba(0, 0, 0, 0.51);

        font-family: Roboto;
        font-size: 14.933px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



}

@media(max-width:440px) {
    .banner-doctores3 {
        background-image: url(03a-Eva-Munoz-Barcelona-375.jpg);
        height: 147.33px !important;

    }

    .doctores-container3 {
        width: 213.432px !important;
        height: 123.849px !important;
        flex-shrink: 0;
        left: 20px;
        top: 30px;
        width: 508.267px;
        height: 294.933px;
        
        padding: 20px 50px 0px 20px;
    }

    .doctor-name3 {
        font-size: 10.302px;
        font-style: normal;
        font-weight: 700;
        line-height: 12.542px
    }



    .doctor-description3 {
        font-size: 6.271px;
        font-style: normal;
        font-weight: 400;
    }


}


/*fotos*/

@media(max-width: 375px) {
    .container-fotos-reducido {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .foto-uno {
        background-image: url(../imagenes/Doctora-03-Imagen-Cuadrada-375.jpg);

    }

    .foto-dos {
        background-image: url(../imagenes/Doctora-04-Imagen-Cuadrada-375.jpg);

    }

    .foto-tres {
        background-image: url(../imagenes/Doctor-06-Imagen-Cuadrada-375.jpg);

    }
}


/*  CSS PARA EL CONTAINER FOTOS DE UNA SOLA COLUMNA Y TRES FILAS     */

.container-fotos-reducido {
    display: flex;
    justify-content: space-between;
    /* Espaciado uniforme entre elementos */
    align-items: center;
    /* Centrado vertical */

}

.filas2 {
    display: flex;


}

.filas2 div {
    background-size: cover;
    background-position: center;
    width: 640px;
    /* Tamaño base */
    height: 553px;
    /* Tamaño base */
    flex-shrink: 0;
    /* Evitar que los elementos se reduzcan */

}

.foto-uno {
    background-image: url("../imagenes/Doctora-02-Imagen-Cuadrada.jpg");
}

.foto-dos {
    background-image: url("../imagenes/Doctora-03-Imagen-Cuadrada.jpg");
}

.foto-tres {
    background-image: url("../imagenes/Doctora-04-Imagen-Cuadrada.jpg");
}

/* Media Queries */
@media (max-width: 1024px) {
    .filas2 div {
        width: 341.326px;
        height: 294.74px;
        flex-shrink: 0;
    }
}

@media (max-width: 820px) {
    .filas2 div {
        width: 273.328px;
        height: 236.022px;
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {
    .filas2 div {
        width: 255.995px;
        height: 221.055px;
        flex-shrink: 0;
    }
}

@media (max-width: 430px) {
    .filas2 div {
        width: 143.33px;
        height: 123.768px;
        flex-shrink: 0;
    }
}