/* ═══════════════════════════════════════
   RESPONSIVE — all breakpoints centralized
   Order: 1024 → 900 → 768 (mobile-first override cascade)
═══════════════════════════════════════ */

@media (max-width: 1024px) {
  :root { --pad: 28px; }
}

@media (max-width: 900px) {
  /* #s-grupo em duas colunas fica espremido nessas larguras; colapsa
     para coluna única, mosaico sem buracos (mesmo padrão do minas-historica) */
  #s-grupo { grid-template-columns: 1fr; }
  .gp-mosaic { grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,140px); }
  .m1 { grid-column: 1/3; grid-row: 1/3; }
  .m2 { grid-column: 3; grid-row: 1; }
  .m3 { grid-column: 3; grid-row: 2; }
  .m4 { grid-column: 1; grid-row: 3; }
  .m5 { grid-column: 2/4; grid-row: 3; }
  .m6, .m7, .m8, .m9 { display: none; }
  .gp-content { padding: 52px var(--pad); }
  .gp-h { font-size: 34px; }
}

@media (max-width: 768px) {
  #logo-w, #logo-c { height: 56px; }
  #hdr.solid #logo-w, #hdr.solid #logo-c { height: 48px; }
  .hero-bg { background-attachment: scroll; }
  .hero-h1 { font-size: 44px; }
  .ves-strips { height: 280px; flex-direction: column; }
  .dv-title { font-size: 30px; }
  .dt-cards { grid-template-columns: 1fr; }
  .cd-timer { gap: 12px; }
  .cd-unit strong { font-size: 32px; }
  .rot-title { font-size: 28px; }
  .rot-thumb { width: 52px; height: 52px; }
  .rot-q { gap: 14px; }
  .rot-q-title { font-size: 15px; }
  .rot-ans { padding-left: 0; }
  .gp-stats { grid-template-columns: 1fr; row-gap: 10px; }
  .gp-stat { border-right: none !important; padding: 0 !important; }
  .inv-items { grid-template-columns: 1fr; }
  .inv-price-main { font-size: 36px; }
  .f-box { padding: 28px 20px; margin: 0 var(--pad); }
}