/* =========================================
   RESPONSIVE — ajustes finos que não se
   encaixam na regra principal de cada
   componente (essas já vivem junto do
   componente em layout.css/components.css).
   Este arquivo cobre exceções e refinamentos
   gerais de pequena tela.
   ========================================= */

@media (max-width:1024px){
  .impact-grid,
  .split-grid{gap:44px;}
}

@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr; row-gap:36px;}
  .banner-split{grid-template-columns:1fr;}
  .specialist-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:640px){
  .container{padding:0 18px;}
  .section-head h2{font-size:26px;}
  .cta-inner{padding:40px 24px;}
  .cta-inner h2{font-size:22px;}
  .form-card{padding:28px;}
  .credentials-overlay,
  .cases-summary-overlay{padding:24px;}
  .wa-float{width:50px;height:50px; bottom:18px; right:18px;}
  .wa-float svg{width:24px;height:24px;}
}

@media (max-width:480px){
  .footer-grid{grid-template-columns:1fr; text-align:center;}
  .footer-about p{margin:0 auto;}
  .specialist-grid{grid-template-columns:repeat(2,1fr);}
}