/* ==========================================================================
   utilities.css — helpers chicos
   ========================================================================== */

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.text-center { text-align: center; }
.mx-auto { margin-inline: auto; }
.mt-0 { margin-top: 0; }
.mt-4 { margin-top: var(--sp-4); }
.mt-5 { margin-top: var(--sp-5); }
.mt-6 { margin-top: var(--sp-6); }
.mb-4 { margin-bottom: var(--sp-4); }

.full-bleed { width: 100%; }

.no-wrap { white-space: nowrap; }

/* Estado base para animaciones de entrada (sólo si JS activo) */
.js-anim [data-anim] { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .js-anim [data-anim] { opacity: 1 !important; transform: none !important; }
}