p{line-height:23px;margin-bottom:15px}
.contenido{margin-top:-25px;background-color:#fff}
.lista_productos{padding-left:0;margin-left:0}
.lista_productos li{padding-top:10px}
.media-body{padding-left:20px}
.lista-default li{list-style-type:disc;margin-bottom:10px}
.padding-top25{padding-top:25px}
a:focus{outline:0}
ul#navigationIz{position:fixed;margin:0;padding:0;top:220px;left:0;list-style:none;z-index:9999}
ul#navigationIz li{width:100px;margin-bottom:1px}
ul#navigationIz li a{display:block;margin-left:-45px;width:100px;height:51px;background-color:#f40000;background-repeat:no-repeat;background-position:center center;opacity:1;cursor:pointer}
.tooltip{width:130px}
ul#navigationIz .productos a{background-image:url(https://clinicaprivadalosarcos.com.ar/images/iconos/seguros/consultaProductos.png);background-position:45px}
ul#navigationIz .turnos a{background-image:url(https://clinicaprivadalosarcos.com.ar/images/iconos/prepaga/turnos.png);background-position:45px}
.sidebar .nav>.active:focus>a,.sidebar .nav>.active:hover>a,.sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#f40000;background-color:transparent}
.formulario_opinion{padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:15px;width:500px;background:#f2f2f2;z-index:15000;border:1px solid #e4e4e4}
.handle{padding-top:10px}
.texto_cymsa{color:#006762}
.texto_arcos{color:#005488}
.texto_olivos{color:#003a75}
.texto_agote{color:#006762}
.texto_zabala{color:#008194}
.texto_ecco{color:#006eb6}
.texto_altos{color:#00858b}
.logo_clinicas{border-right:solid 1px #c3c3c3;text-align:center}
.btn:focus{outline:0}
.caption_n{display:none;position:absolute;top:0;left:10;background:#000;width:206px;height:97px;color:#fff!important;z-index:3;padding:25px;text-align:center;line-height:28px}
.imagen_h{z-index:4;position:absolute;top:48px;height:97px}
.map{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}
.altoMinimo p{font-size:13px}
.altoMinimo h3{line-height:29px}
@media (min-width:768px)
    {
        .altoMinimo{
            height:220px}
}
@media (min-width:768px) and (max-width:992px)
    {
        .altoMinimo{
            height:280px}

}
@media (min-width:992px){.altoMinimo{height:280px}
}
@media (min-width:1280px){#carru{padding-left:15%;padding-right:15%}
}
@media (max-width:1280px){#carru{padding-left:0;padding-right:0}
.altoMinimo{height:260px}
}

@media (max-width: 768px) {
        .whatsapp-float {
            margin-top: 19.1%;
            height: 6%;
    }
    .doctor-profile {
        flex-direction: column;
        align-items: center; /* Esto es opcional, pero ayuda a centrar la imagen y el texto en la pantalla */
        text-align: center;  /* Opcional: Centra el texto */
    }

    .doctor-photo {
        margin: 0 auto; /* Centra la div de la foto horizontalmente */
    }

    .img{
        width: 89%;
    }
}

/* Estilo por defecto (Web/Desktop) */
.doctor-photos-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}



/*
 * Sección 1: Corrección de apilamiento en Móvil
 * Esto corrige que el texto no se vaya al lado de las imágenes.
 */
@media (max-width: 767px) {
    /* * Hacemos que la sección principal (.doctor-profile) se comporte como un bloque 
     * en móvil para que su contenido se apile verticalmente, si no lo hace por defecto.
     * Esta regla ya debería estar establecida en el HTML con el style="display: flex; flex-direction: column;..."
     * pero la incluimos en el media query si no estuviera allí.
     */
    .doctor-profile {
        align-items: center;
    }

    /* * Forzamos que el contenedor de las fotos sea un bloque completo en móvil 
     * para que las 3 secciones (fotos, fotos, info) se apilen correctamente.
     */
    .doctor-photos-container {
        display: flex; /* Mantener flex para alinear las dos fotos si se decide poner una al lado de la otra */
        flex-direction: column; /* Apila las fotos una debajo de la otra */
        width: 100%; /* Asegura que ocupe todo el ancho para centrar su contenido */
        align-items: center; /* Centra las fotos dentro de este contenedor */
        margin-bottom: 20px;
    }

    /* Agrega el margen de 20px debajo de cada foto para separarlas */
    .doctor-photos-container .doctor-photo {
        margin-bottom: 20px;
    }

    /* Elimina el margen inferior del último elemento para evitar doble espaciado */
    .doctor-photos-container .doctor-photo:last-child {
        margin-bottom: 0;
    }
}