/* =============================================================================
   Escuela PIB 2 — Accesibilidad: tipografías, tamaños, helpers
   ============================================================================= */

/* Tipografías alternativas (controladas por JS mediante data-tipografia) */
html[data-tipografia="lato"] body { font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif; }
html[data-tipografia="source-sans"] body { font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif; }
html[data-tipografia="nunito"] body { font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif; }
html[data-tipografia="merriweather"] body { font-family: 'Merriweather', Georgia, serif; }
html[data-tipografia="opendyslexic"] body { font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif; }

/* Tamaño de fuente (controlado por JS mediante --factor-fuente) */
html[data-fuente="pequeno"]     { --factor-fuente: 0.875; }
html[data-fuente="normal"]      { --factor-fuente: 1; }
html[data-fuente="grande"]      { --factor-fuente: 1.125; }
html[data-fuente="muygrande"]   { --factor-fuente: 1.25; }

/* Lectura: ancho cómodo, separación amplia para OpenDyslexic */
html[data-tipografia="opendyslexic"] {
    --altura-linea-base: 1.85;
    --altura-linea-amplia: 2;
}

/* Contraste alto: aumenta contraste de bordes y textos */
html[data-contraste="alto"] {
    --color-texto: #000000;
    --color-texto-secundario: #1a1a1a;
    --color-borde: #000000;
    --color-borde-fuerte: #000000;
    --color-enlace: #0000EE;
    --color-enlace-hover: #0000AA;
}
html[data-tema="oscuro"][data-contraste="alto"] {
    --color-texto: #FFFFFF;
    --color-texto-secundario: #EEEEEE;
    --color-borde: #FFFFFF;
    --color-borde-fuerte: #FFFFFF;
    --color-enlace: #FFFF00;
    --color-enlace-hover: #FFFF99;
}

/* Subrayado de enlaces siempre visible cuando se activa */
html[data-enlaces-subrayados="siempre"] a {
    text-decoration: underline;
}

/* Resaltado de foco: anillo más grueso */
html[data-foco="grande"] :focus-visible {
    outline-width: 5px;
    outline-offset: 3px;
}

/* Cursor más grande para usuarios con dificultades motrices */
html[data-cursor="grande"] * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1.5' d='M5 3l8 24 3-9 9-3z'/%3E%3C/svg%3E") 4 4, auto !important;
}

/* Screen reader only */
.sr-only {
    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;
}

/* Skip link */
.saltar:focus {
    outline: 3px solid var(--color-oliva);
    outline-offset: 2px;
}

/* Animaciones reducidas */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* Asegurar que el contenido oculto [hidden] no se muestra */
[hidden] { display: none !important; }

/* Indicador de requerido más visible */
.campo__obligatorio {
    color: var(--color-error);
    font-weight: 700;
}