/**
 * ============================================================================
 *  custom-fixes.css
 * ----------------------------------------------------------------------------
 *  Ajustes puntuales de la auditoria 2026-09-17 que NO modifican los archivos
 *  originales del template (Echooling) para minimizar el riesgo de romper el
 *  diseno visual ya aprobado. Se cargan DESPUES de todo el CSS del template,
 *  por lo que estas reglas tienen prioridad natural en caso de conflicto.
 *
 *  Objetivo de cada bloque:
 *   1) Evitar overflow horizontal en moviles (causa comun de "zoom roto" en
 *      celulares cuando una imagen o iframe es mas ancho que la pantalla).
 *   2) Asegurar que ninguna imagen se desborde de su contenedor.
 *   3) Mejorar el foco de teclado en elementos interactivos (accesibilidad
 *      WCAG 2.4.7 "Focus Visible").
 *   4) Utilidad .visually-hidden de respaldo (Bootstrap 5 ya trae la suya,
 *      pero se define aqui por si alguna pagina no carga bootstrap.min.css).
 * ============================================================================
 */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

img, svg, video, iframe {
    max-width: 100%;
    height: auto;
}

/* El iframe de la encuesta define su propio height fijo (3130px) por diseno;
   se respeta ese alto pero se garantiza que nunca exceda el ancho disponible. */
#encuesta {
    height: 3130px;
}

/* Utilidad de respaldo para texto solo-lector-de-pantalla */
.visually-hidden:not(.visually-hidden-focusable):not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Evita que un elemento con foco quede oculto detras del header fijo */
:target,
*:focus {
    scroll-margin-top: 100px;
}