/* ===== Responsividade global FGH — sobrepõe estilos inline via !important ===== */

/* Tablet e abaixo */
@media (max-width: 900px) {
  /* remove a largura mínima que força scroll horizontal */
  div[style*="min-width:1100px"] { min-width: 0 !important; }

  /* padding lateral das seções */
  section { padding-left: 22px !important; padding-right: 22px !important; }
  footer { padding-left: 22px !important; padding-right: 22px !important; }

  /* header */
  header > div { padding-left: 20px !important; padding-right: 20px !important; height: 70px !important; gap: 12px !important; }
  header nav { gap: 18px !important; }
  header nav a:not([style*="background:#21243c"]):not([style*="background: rgb"]) { font-size: 10px !important; letter-spacing: 0.12em !important; }
  header nav a[style*="background:#21243c"] { padding: 11px 18px !important; font-size: 10px !important; letter-spacing: 0.12em !important; }
  header img { height: 26px !important; }

  /* todas as grades multi-coluna empilham */
  div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 20px !important; }

  /* tipografia */
  h1 { font-size: 34px !important; line-height: 1.08 !important; }
  h2 { font-size: 27px !important; line-height: 1.14 !important; }
  h3 { font-size: 19px !important; }

  /* imagens de hero/coluna com altura fixa */
  div[style*="height:520px"],
  div[style*="height:480px"],
  div[style*="height:460px"],
  div[style*="height:440px"] { height: 300px !important; }

  /* caixas CTA / cards internos com padding grande */
  section div[style*="padding:84px"] { padding: 48px 26px !important; }
  section div[style*="padding:64px"] { padding: 40px 26px !important; }
  section div[style*="padding:56px 56px"] { padding: 36px 26px !important; }
  section div[style*="padding:52px 56px"] { padding: 34px 26px !important; }

  /* galeria marquee menor */
  .marquee-track img { height: 240px !important; }

  /* HERO — overlay interno */
  div[style*="padding:0 72px 64px"] { padding: 0 22px 42px !important; }
  /* linha de botões + estatísticas do hero empilha */
  div[style*="gap:48px"][style*="flex-wrap:wrap"] { gap: 26px !important; }
  /* bloco das 3 estatísticas do hero em coluna */
  div[style*="display:flex"][style*="gap:52px"] { gap: 16px !important; flex-direction: column !important; }
}

/* Celular */
@media (max-width: 620px) {
  /* esconde links de texto do menu, mantém logo + botão Agendar */
  header nav a:not([style*="background:#21243c"]) { display: none !important; }

  section { padding-top: 48px !important; padding-bottom: 48px !important; }
  h1 { font-size: 29px !important; }
  h2 { font-size: 23px !important; }

  /* hero: parágrafos e listas ocupam largura total */
  p { max-width: 100% !important; }

  /* stage de histórias/vídeo mais baixo no celular */
  div[style*="height:520px"],
  div[style*="height:480px"],
  div[style*="height:460px"],
  div[style*="height:440px"] { height: 240px !important; }

  .marquee-track img { height: 190px !important; }

  /* HERO no celular: botões em coluna, largura total */
  div[style*="padding:0 72px 64px"] div[style*="display:flex"][style*="gap:14px"] { flex-direction: column !important; align-items: stretch !important; width: 100% !important; }
  div[style*="padding:0 72px 64px"] div[style*="gap:14px"] a { justify-content: center !important; text-align: center !important; }
}