/* utilities.css — utilidades, movimiento reducido e impresion (secciones 16, 17 y 18 del styles.css original) */

/* -----------------------------------------------------------------------------
   16. Utilidades
-------------------------------------------------------------------------------- */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.no-scroll { overflow: hidden; }

/* -----------------------------------------------------------------------------
   17. Movimiento reducido — se muestra el estado final sin animacion
-------------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }

}

/* -----------------------------------------------------------------------------
   18. Impresion
-------------------------------------------------------------------------------- */
@media print {
  .site-header,
  .nav-toggle,
  .form,
  .site-footer__top { display: none; }

  body { color: #000; background: #fff; }
  .hero,
  .page-hero,
  .site-footer { background: #fff !important; color: #000 !important; }
  .hero__text,
  .page-hero p { color: #000 !important; }
}