/* Accesibilidad e interacción — compartido por todo el sitio.
   Se carga aparte porque los estilos del sitio viven inline en cada elemento. */

/* 1. Foco visible para navegación por teclado (WCAG 2.4.7) */
:focus-visible{outline:3px solid #218166;outline-offset:2px;border-radius:4px}
:focus:not(:focus-visible){outline:none}

/* 2. Enlace de salto al contenido (WCAG 2.4.1) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:#203152;color:#fff;
  font-family:'Mulish',sans-serif;font-weight:700;font-size:15px;padding:12px 20px;
  border-radius:0 0 10px 0;text-decoration:none}
.skip-link:focus{left:0}

/* 3. Objetivos táctiles mínimos (WCAG 2.5.8): 44px en controles de contacto */
a[href^="tel:"],a[href*="wa.me"],.btn-wa{min-height:44px;display:inline-flex;align-items:center}

/* 4. Sin zoom involuntario en iOS: Safari amplía si el campo mide <16px */
@media (max-width:820px){
  input,select,textarea{font-size:16px !important}
}

/* 5. Respeta la preferencia de menos movimiento (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}