/* Accesibilidad: texto legible, foco con el teclado y menos movimiento */

.link, .link-btn, .hero-date, .sd-more { color: var(--accent-ink); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .main::before, .main::after, .hero::after, .auth-net g { animation: none; }
}

/* ================================================================ accesibilidad */
/* «Saltar al contenido»: invisible hasta que se llega con el teclado (primer Tab) */
.skip-link {
  position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 8px 14px; border: 0; border-radius: 8px;
  background: var(--accent); color: var(--accent-text); font: inherit; font-weight: 600; transform: translateY(-150%);
}
.skip-link:focus-visible { transform: none; }
.view:focus { outline: none; }
.sb-user:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }