/* Ancoral — regras que não podem ser inline: breakpoints e visibilidade do menu mobile.
   Tudo o mais continua em style inline nos próprios componentes. */

[data-nav-toggle] { display: none; }
[data-nav-painel] { display: none; }

@media (max-width: 980px) {
  [data-nav-desktop] { display: none !important; }
  [data-nav-cta] { display: none !important; }
  [data-nav-toggle] { display: flex !important; }
  [data-nav-painel] { display: block !important; }
}

@media (max-width: 900px) {
  section,
  header > div,
  footer { padding-left: 22px !important; padding-right: 22px !important; }

  section { padding-top: 52px !important; padding-bottom: 52px !important; }

  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  [style*="max-width: 1320px"],
  [style*="max-width: 1300px"],
  [style*="max-width: 1280px"] { max-width: 100% !important; }

  h1 { font-size: clamp(30px, 8.6vw, 44px) !important; max-width: none !important; }
  h2 { font-size: clamp(24px, 6.4vw, 32px) !important; max-width: none !important; }
  h3 { font-size: 19px !important; }
  p { max-width: none !important; }

  [style*="aspect-ratio: 21"] { aspect-ratio: 16 / 10 !important; }

  /* moldura com página ao vivo: reduz a escala do embed para caber */
  [style*="width: 1360px"] { transform: scale(.42) !important; }

  /* símbolo grande do hero */
  [style*="height: 200px"] { height: 116px !important; width: 116px !important; }
}

@media (max-width: 560px) {
  section { padding-left: 18px !important; padding-right: 18px !important; }
  header > div, footer { padding-left: 18px !important; padding-right: 18px !important; }
  [style*="width: 1360px"] { transform: scale(.3) !important; }
}