/* ONE Agência Digital — regras de responsivo (todas as páginas)
   Substitua só este arquivo para ajustar o mobile do site inteiro.
   !important é necessário: o layout usa estilos inline. */
@media (max-width: 859px) {
  :root { --one-gutter: 20px; }

  /* Home: painéis do cockpit com a mesma margem lateral da seção Cases */
  [data-panel]:not([data-nopad]),
  [data-beat] {
    padding-left: var(--one-gutter) !important;
    padding-right: var(--one-gutter) !important;
  }
  [data-panel]:not([data-nopad]) > div,
  [data-beatinner] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  /* Páginas internas: seções, header e rodapé */
  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;
  }

  /* Textos usam a largura toda da coluna */
  [data-panel] p,
  [data-panel] h1,
  [data-panel] h2,
  main p,
  main h1,
  main h2 {
    max-width: none !important;
  }

  /* Legibilidade mínima — só texto corrido (parágrafos com 14px ou mais no design).
     Rótulos pequenos de cards (cargo, local, descrições curtas) ficam como estão. */
  [data-panel]:not([data-nopad]) > div > div > p,
  [data-panel]:not([data-nopad]) > div > p,
  main > section > div > div > p,
  main > section > div > p {
    font-size: 15px !important;
  }
  /* Títulos do hero; os de painéis especiais (Night Launch, contato) mantêm o tamanho */
  [data-panel="0"] h1 { font-size: clamp(30px, 8.6vw, 40px) !important; line-height: 1.08 !important; }
}