/* =================================================================
   ITALÍNEA BY ESTILO — RESPONSIVE.CSS
   Media queries compartilhadas por TODAS as páginas.
   Carregar depois de style.css.
   ================================================================= */

@media (max-width: 1100px){
  .footer-grid{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 960px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .gallery-grid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:180px; }
}

@media (max-width: 768px){
  nav.main-nav ul{ display:none; }
  .hamburger{ display:flex; }
  .header-actions .btn-outline{ display:none; }

  .hero-content{ padding:var(--sp-7) var(--container-pad) var(--sp-6); }
  .trust-row{ grid-template-columns:repeat(2,1fr); }

  .grid-3{ grid-template-columns:1fr; }
  .grid-2{ grid-template-columns:1fr; }
  .problems-wrap{ grid-template-columns:1fr; gap:var(--sp-5); }
  .problems-media{ order:-1; }
  .diff-wrap{ grid-template-columns:1fr; gap:var(--sp-5); }
  .diff-media{ order:-1; }

  .timeline{ grid-template-columns:1fr; gap:34px; }
  .timeline::before{ display:none; }
  .timeline-step{ display:flex; gap:18px; text-align:left; align-items:flex-start; }
  .timeline-num{ margin:0; flex-shrink:0; }

  .gallery-grid{ grid-template-columns:1fr; grid-auto-rows:240px; }
  .gallery-item.span-2{ grid-column:span 1; }
  .gallery-item.row-2{ grid-row:span 1; }

  .cta-final-grid{ grid-template-columns:1fr; }
  .cta-final-media{ min-height:220px; order:-1; }
  .cta-final-text{ padding:var(--sp-6) var(--sp-4); }

  .footer-grid{ grid-template-columns:1fr; gap:var(--sp-5); }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }

  .float-whats{ width:52px; height:52px; bottom:18px; right:18px; }
  .section{ padding:var(--sp-7) 0; }
}