@import url('/styles/fuel-tokens.css');

/* Reel · noche. Video 4:5 centrado sobre dos filas de 160 px (Mobius: 160 / 160, tracking −8 px a 160). */
.s-fuel-reel { position: relative; overflow: clip; display: grid; place-items: center; padding: 128px var(--page-pad); }
.s-fuel-reel__filas { position: absolute; inset: 50% 0 auto; translate: 0 -50%; }
.s-fuel-reel__fila { margin: 0; white-space: nowrap; font: 400 160px/1 "Zondaya", Georgia, serif; letter-spacing: -.03em; will-change: transform; }
.s-fuel-reel__fila span { display: inline-block; }
.s-fuel-reel__fila.is-rosa { color: var(--rose); }
.s-fuel-reel__video { position: relative; z-index: 1; width: 432px; aspect-ratio: 4 / 5; margin: 0; }
/* Pausa para todo lo que se mueve en la sección (WCAG 2.2.2): video y filas. */
.s-fuel-reel__pausa { position: absolute; z-index: 2; right: var(--page-pad); bottom: var(--s32); }
@media (prefers-reduced-motion: reduce) { .s-fuel-reel__pausa { display: none; } }

@media (max-width: 1199px) {
  .s-fuel-reel { padding-block: var(--s64) 112px; }
  .s-fuel-reel__video { width: min(432px, 70%); }
  .s-fuel-reel__fila { font-size: 112px; }
  .s-fuel-reel__pausa { min-height: 44px; }
  .s-fuel-reel__pausa:focus-visible { outline: 2px solid var(--ink-on-dark); outline-offset: 4px; }
}
@media (max-width: 809px) {
  .s-fuel-reel { padding-block: var(--s48) 112px; }
  .s-fuel-reel__video { width: 80%; }
  .s-fuel-reel__fila { font-size: 72px; }
}