/* === Movimiento (10/11/2026) ===
   10/11 noche (Iván, «quitas esas y lo vemos»): fuera la entrada de bloques al hacer scroll,
   la cascada del texto de portada y la línea de los pasos que se dibujaba. Nada se oculta.
   Quedan la cinta de logos, el fundido entre páginas y los detalles de flechas y FAQ.
   Todo dentro de prefers-reduced-motion: no-preference.
   Va como fichero aparte (no en el CSS empaquetado) porque producción tiene páginas parcheadas
   en vivo con tres versiones de Base.*.css: así se enlaza igual en todas. */
.logos .dup { display: none; }
.logos-marquee { min-width: 0; }
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  /* Cinta de logos */
  .logos-marquee {
    flex: 1 1 30rem;
    max-width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  }
  .logos-marquee .logos { flex-wrap: nowrap; gap: 0; width: max-content; animation: logos-run 45s linear infinite; }
  .logos-marquee .logos img { flex-shrink: 0; margin-right: 3.25rem; }
  .logos-marquee .logos .dup { display: block; }
  .logos-marquee:hover .logos { animation-play-state: paused; }

  /* Detalles */
  .faq details[open] .faq__a { animation: rv-up 0.3s ease both; }
  .arrow-link span[aria-hidden], .btn span[aria-hidden] { display: inline-block; transition: transform 0.25s; }
  .arrow-link:hover span[aria-hidden], .btn:hover span[aria-hidden] { transform: translateX(3px); }
}
@keyframes rv-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes logos-run { to { transform: translateX(-50%); } }