/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE — @media queries por breakpoint
   Breakpoints: 1024px (tablet) · 980px (mobile grande) · 700px (mobile) · 600px (small)
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
}

@media (max-width: 980px) {
  /* Layouts em coluna única */
  .hero-inner-dual,
  .units-grid,
  .contact-grid {
    grid-template-columns: 1fr; gap: 48px;
  }

  /* Hero: mascotes laterais somem no mobile, fica só o centro */
  .hero-inner-dual { gap: 36px; }
  .hero-mascot-side { display: none; }
  .hero-logo-center { max-width: 240px; margin-bottom: 22px; }

  /* Nav vira mobile */
  .nav-links, .nav-cta { display: none; }
  .burger { display: flex; }

  /* Strip de diferenciais 2 colunas */
  .dif-inner { grid-template-columns: repeat(2, 1fr); gap: 22px; }

  /* Footer 2 colunas no tablet médio */
  .footer-grid { grid-template-columns: 1fr 1fr; }

  /* Esconde sticky Instagram no mobile (já tem link na nav e contato) */
  .sticky-ig { display: none; }
}

@media (max-width: 700px) {
  /* Tabela de preços vira cards empilhados */
  .price-table {
    grid-template-columns: 1fr;
    background: transparent;
    border: none; box-shadow: none;
    border-radius: 0;
    gap: 14px;
  }
  .price-row--header { display: none; }
  .price-row:not(.price-row--header) {
    display: grid;
    grid-template-columns: 1fr;
    background: linear-gradient(180deg, var(--dark2), var(--dark3));
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    overflow: hidden;
  }
  .price-cell {
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-soft);
  }
  .price-row .price-cell:last-child { border-bottom: none; }
  .price-cell--name {
    background: rgba(238,159,29,0.06);
    border-bottom: 1px solid var(--border);
    padding: 18px 20px;
  }
  .price-cell[data-unit] { justify-content: space-between; }
  .price-cell[data-unit]::before {
    content: attr(data-unit);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px; font-weight: 800;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--muted);
  }
  .price-cell[data-unit="Savana 1"]::before { color: var(--azul-bright); }
  .price-cell[data-unit="Savana 2"]::before { color: var(--verde-bright); }
  .price-cell .price { font-size: 26px; }
}

@media (max-width: 600px) {
  /* Sections com menos padding */
  section { padding: 80px 5vw; }
  .hero { padding: 100px 5vw 50px; gap: 36px; }

  /* Hero h1 menor */
  .hero-center h1 { margin-bottom: 22px; }
  .hero-lead { margin-bottom: 28px; }

  /* Strip stats em 1 coluna */
  .hero-stats-strip { grid-template-columns: 1fr; }
  .dif-inner { grid-template-columns: 1fr; }

  /* Mascote nas unidades menor */
  .unit-mascot { width: 160px; right: -16px; bottom: -20px; }
  .unit-header-top { max-width: 70%; }
  .unit-header { padding: 28px 28px 0; min-height: 200px; }
  .unit-body { padding: 24px 28px; }

  /* Footer 1 coluna centralizado */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .footer-meta { flex-direction: column; text-align: center; }

  /* Mapa overlay ocupa width */
  .map-overlay { left: 16px; right: 16px; top: 16px; max-width: none; }
  .map-wrap { height: 380px; }

  /* Form contato menos padding */
  .contact-form-card { padding: 28px; }
}