/*
 * Ajustes propios del sitio, separados de style.css (tema de terceros) para
 * facilitar el mantenimiento y la futura migración a Bootstrap vía CDN.
 */

/* --- Fix: overlay de la sección "Quiénes somos" en home (index.php) ---
   El bloque de texto se monta intencionalmente sobre el borde inferior de la
   imagen usando un margen negativo. Ese margen estaba fijo en línea
   (margin-top:-420px), pensado solo para el alto de imagen en desktop.
   En móvil la imagen se reduce (img-fluid) y el mismo margen negativo
   hacía que el texto se superpusiera con la sección anterior (el banner).
   Se activa el desplazamiento únicamente desde el breakpoint donde el
   layout de 2 columnas (imagen completa + texto superpuesto) tiene sentido. */
.quienes_somos_overlay {
    margin-top: 15px;
}

@media (min-width: 992px) {
    .quienes_somos_overlay {
        margin-top: -420px;
        margin-left: 80px;
    }
}

@media (min-width: 1200px) {
    .quienes_somos_overlay {
        margin-top: -420px;
        margin-left: 80px;
    }
}