/* =====================================================================
   FUNDACIÓN LONGEVIDA — Accesibilidad
   accessibility.css
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. LETRA GRANDE
   main.js agrega .texto-grande a <html>. Como style.css usa rem,
   alcanza con subir la base: toda la página escala de forma pareja.
--------------------------------------------------------------------- */
html.texto-grande {
  font-size: 137.5%;   /* 22px */
}

/* ---------------------------------------------------------------------
   2. MODO DE ALTO CONTRASTE DEL SISTEMA (Windows, etc.)
--------------------------------------------------------------------- */
@media (forced-colors: active) {
  .btn,
  .btn-letra,
  .btn-menu,
  .puerta,
  .programa,
  .pla-area,
  .persona,
  .formulario,
  .modal-caja {
    border: 2px solid CanvasText;
  }

  .hero-disco {
    border: 2px solid CanvasText;
  }

  .nav-link.activo {
    border-bottom-color: Highlight;
  }
}

/* ---------------------------------------------------------------------
   3. MENOS MOVIMIENTO
--------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  .js-revelar {
    opacity: 1;
    transform: none;
  }
}

/* ---------------------------------------------------------------------
   4. IMPRESIÓN
--------------------------------------------------------------------- */
@media print {
  .evento,
  .site-header,
  .hero-visual,
  .portal,
  .sumate,
  .formulario,
  .modal {
    display: none !important;
  }

  body {
    background: #FFFFFF;
    color: #000000;
    font-size: 12pt;
  }

  .seccion,
  .cifras {
    padding-block: 1cm;
    background: #FFFFFF !important;
    color: #000000 !important;
    break-inside: avoid;
  }

  .seccion-oscura *,
  .cifras * {
    color: #000000 !important;
  }

  .pla-area,
  .programa {
    background: #FFFFFF;
    border: 1px solid #999999;
  }

  a[href^="http"]::after,
  a[href^="mailto"]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
  }
}