/* ==========================================================================
   SORRISO CORPORATIVO® — Responsividade
   Breakpoints: 1024px (tablet), 900px (nav), 640px (mobile)
   ========================================================================== */

@media (max-width: 1024px){
  .index-metrics{grid-template-columns:repeat(3,1fr);}
  .cta-grid{grid-template-columns:1fr;gap:56px;}
  .hero-inner{max-width:100%;margin-left:0;}
  .hero-overlay{
    background:linear-gradient(180deg,
      rgba(24,35,48,.35) 0%,
      rgba(24,35,48,.75) 45%,
      var(--navy) 85%
    );
  }
}

@media (max-width: 900px){
  nav.main-nav{display:none;}
  .cta-desktop{display:none;}
  .nav-toggle{display:block;}
  .mobile-nav.open{
    display:flex;flex-direction:column;gap:22px;
    position:fixed;top:0;right:0;bottom:0;width:78%;max-width:320px;
    background:var(--navy-deep);padding:100px 34px 40px;z-index:99;
    box-shadow:-20px 0 60px rgba(0,0,0,.35);
  }
  .mobile-nav a{color:var(--white);font-size:15px;opacity:.85;}
  .mobile-nav .btn{margin-top:10px;}

  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .opp-grid{grid-template-columns:1fr;gap:50px;}
  .timeline{grid-template-columns:repeat(2,1fr);}
  .benefit-grid{grid-template-columns:repeat(2,1fr);}
  .included-grid{grid-template-columns:repeat(2,1fr);}
  .diff-grid{grid-template-columns:1fr;}
  .diff-col.no{border-right:none;border-bottom:1px solid var(--line-dark);}
  .ecosystem{grid-template-columns:repeat(3,1fr);}
  .index-metrics{grid-template-columns:repeat(2,1fr);}
  .index-panel{padding:38px 30px;}
}

@media (max-width: 640px){
  .wrap{padding:0 22px;}
  section{padding:80px 0;}
  .hero{padding:150px 0 100px;}
  .hero h1{font-size:36px;}
  .section-title{font-size:30px;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .timeline{grid-template-columns:1fr;}
  .benefit-grid{grid-template-columns:1fr;}
  .included-grid{grid-template-columns:1fr;}
  .ecosystem{grid-template-columns:repeat(2,1fr);}
  .index-metrics{grid-template-columns:1fr 1fr;}
  .index-head{flex-direction:column;}
  .wa-float{right:16px;bottom:16px;width:52px;height:52px;}
  .wa-float svg{width:24px;height:24px;}
  .cta-final::before{width:400px;height:400px;left:-160px;top:-120px;}
}