/* HOME (cockpit): no celular as seções viram páginas empilhadas, sem efeito de scroll.
   O !important vence os estilos que o JS do cockpit escreve a cada quadro. */
@media (max-width: 859px) {
  [data-track] { height: auto !important; }
  [data-track] > div:not([data-panel]) { position: static !important; height: auto !important; overflow: visible !important; }
  [data-chrome="header"] { position: sticky !important; top: 0 !important; z-index: 60 !important; }
  [data-chrome="hud"], [data-chrome="tele"], [data-read="hint"] { display: none !important; }
  [data-panel], [data-beat] {
    position: relative !important; inset: auto !important; height: auto !important; min-height: 0 !important;
    opacity: 1 !important; visibility: visible !important; transform: none !important; filter: none !important;
    pointer-events: auto !important; overflow: hidden !important; z-index: auto !important;
  }
  [data-panel]:not([data-nopad]), [data-beat] { padding: 64px var(--one-gutter, 20px) 56px !important; display: block !important; }
  [data-panel] > :not([style*="position:absolute"]), [data-beatinner] { transform: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
  [data-panel] [data-rise], [data-panel] [data-float] { opacity: 1 !important; transform: none !important; }
  [data-panel] + [data-panel] { border-top: 1px solid rgba(10,10,20,.06); }
  /* Network: 1 card por vez, sem cortar a sombra */
  [data-teamcard] { flex: 0 0 100% !important; }
  [data-teamcard]:hover { transform: none !important; }
  /* Night Launch: os 3 tempos empilhados sobre o vídeo, contagem no fim */
  [data-panel="5"] { display: flex !important; flex-direction: column !important; padding: 0 !important; }
  [data-panel="5"] [data-beat] { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 72px 20px 40px !important; }
  [data-panel="5"] [data-beat] h2 { font-size: clamp(28px, 8.4vw, 38px) !important; }
  [data-panel="5"] [data-beat] > div[style*="grid"], [data-panel="5"] [data-beat] [style*="grid-template-columns"] { grid-template-columns: 1fr !important; width: 100% !important; }
  [data-panel="5"] [data-countbox] { position: relative !important; order: 9; bottom: auto !important; padding: 8px 0 56px !important; }
  [data-panel="5"] > video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; }
}

/* ONE Agência Digital — responsivo (todas as páginas)
   A HOME usa o mesmo motor de responsivo da produção oneagenciadigital.com.br (JS da página).
   Este arquivo cuida só das páginas internas (header, seções, rodapé). */
@media (max-width: 859px) {
  :root { --one-gutter: 20px; }
  main > section,
  footer,
  body > header,
  x-dc > header {
    padding-left: var(--one-gutter) !important;
    padding-right: var(--one-gutter) !important;
  }
  main > section > div { max-width: 100% !important; }
  main p, main h1, main h2 { max-width: none !important; }
  main > section > div > div > p,
  main > section > div > p { font-size: 15px !important; }
}