/* Secciones bajo el pliegue: el navegador puede omitir layout/pintado hasta scroll */
.ld-lazy {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

.ld-lazy--short {
  contain-intrinsic-size: auto 280px;
}

/* Marquee pausado fuera de viewport */
.marquee.is-paused .marquee-track {
  animation-play-state: paused;
}

/* Fuente del sistema hasta que carguen las webfonts */
html.ld-fonts-pending body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

html.ld-fonts-ready body {
  font-family: "Space Grotesk", system-ui, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track,
  .pill .ping,
  .badge-circle {
    animation: none !important;
  }

  html {
    scroll-behavior: auto;
  }
}