/**
 * Wazu Accessibility CSS
 * Correcciones WCAG 2.1 AA para fundacionwazu.cl
 */

/* =====================================================
   1. PREFERS-REDUCED-MOTION
   Desactiva animaciones para usuarios que lo solicitan
   WCAG 2.3.3
   ===================================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .swiper-wrapper {
        transition-duration: 0ms !important;
    }
}

/* =====================================================
   2. FOCO VISIBLE
   Indicador de foco claro para navegación por teclado
   WCAG 2.4.7
   ===================================================== */
*:focus-visible {
    outline: 3px solid #005fcc !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}

/* Excepto para inputs que ya tienen su propio estilo */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #005fcc !important;
    outline-offset: 0 !important;
    box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.25) !important;
}

/* =====================================================
   3. CONTRASTE DE COLOR
   Fix para #e22658 que no cumple AA en texto normal
   Original: 4.0:1 → Nuevo #b81c46: 5.6:1 (cumple AA)
   WCAG 1.4.3
   ===================================================== */

/* Links con color accent */
a[style*="e22658"],
.elementor-widget a[style*="e22658"] {
    color: #b81c46 !important;
}

/* Botones con background accent */
.elementor-button[style*="e22658"],
a.elementor-button[style*="e22658"] {
    background-color: #b81c46 !important;
}

/* =====================================================
   4. TOUCH TARGETS
   Tamaño mínimo 44x44px para elementos interactivos
   WCAG 2.5.5
   ===================================================== */
.elementor-nav-menu a,
.elementor-button,
button,
[role="button"],
input[type="submit"],
input[type="button"] {
    min-height: 44px;
    min-width: 44px;
}

/* =====================================================
   5. SKIP LINK MEJORADO
   Mejora del skip link existente
   WCAG 2.4.1
   ===================================================== */
.skip-link:focus,
.screen-reader-text:focus {
    background-color: #fff !important;
    border: 3px solid #005fcc !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    clip: auto !important;
    color: #005fcc !important;
    display: block !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    height: auto !important;
    left: 8px !important;
    line-height: 1.5 !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    top: 8px !important;
    width: auto !important;
    z-index: 100001 !important;
}

/* =====================================================
   6. SCREEN READER TEXT (utilidad)
   Oculta visualmente pero accesible para lectores
   ===================================================== */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* =====================================================
   7. ARTICLE SUMMARY
   Estilo para el primer párrafo marcado como speakable
   ===================================================== */
.article-summary {
    font-size: 1.125em;
    line-height: 1.7;
}

/* =====================================================
   8. CARRUSEL SWIPER - ACCESIBILIDAD
   ===================================================== */
.swiper-button-prev,
.swiper-button-next {
    min-width: 44px !important;
    min-height: 44px !important;
}

/* Indicar visualmente el slide activo */
.swiper-pagination-bullet-active {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}