/* ==========================================================================
   Secção "Em 30 segundos": a animação da fieldbox (public/motion/fieldbox-motion.html).
   Sem moldura: a animação assenta no fundo da secção e segue o tema (claro/escuro).
   Fundo: gray-50 / gray-900 (diferente do hero e de "Quem somos"; igual à onda do fim do hero).
   ========================================================================== */
.fb-motion__frame {
    position: relative;
    margin-top: 2.5rem;
    aspect-ratio: 16 / 9;
}
.fb-motion__frame iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; color-scheme: normal; }

@media (max-width: 640px) {
    .fb-motion__frame { margin-top: 1.5rem; }
}

/* Modo escuro: o verde da marca da paleta das secções (--sec-impact, landing.css), diferente do hero
   (quase preto) e de "Quem somos" (verde-noite). A onda no fim do hero fica com a mesma cor. */
.dark #motion { background: var(--sec-impact) !important; }
.dark #hero + div { color: var(--sec-impact) !important; }