/* ===== Responsive ===== */
@media (max-width: 991.98px){
  section{padding:70px 0}
  .navbar{background:rgba(0,0,0,.92)}
  .navbar-collapse{
    background:#0a0a0a;margin-top:.8rem;padding:1rem;
    border-radius:12px;border:1px solid var(--border);
  }
  .navbar-nav .nav-link{padding:.6rem .4rem!important}
  .hero{min-height:auto;padding:140px 0 80px;text-align:center}
  .hero .lead{margin-inline:auto}
  .hero-stats{justify-content:center;gap:1.5rem}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .cta-banner{padding:45px 25px}
  .pricing-card.featured{transform:none}
  .page-header{padding:130px 0 60px}
  .showcase .row{flex-direction:column-reverse}
}

@media (max-width: 575.98px){
  h1{font-size:2.2rem}
  h2{font-size:1.7rem}
  .hero-stats{gap:1.2rem}
  .hero-stats .stat strong{font-size:1.5rem}
  .gallery-grid{grid-template-columns:1fr;gap:14px}
  .btn{padding:.75rem 1.3rem;font-size:.95rem}
  .cta-banner{padding:35px 18px}
  .counter .num{font-size:2.2rem}
  .whatsapp-float,.scroll-top{width:48px;height:48px;right:16px}
  .whatsapp-float{bottom:16px}
  .scroll-top{bottom:75px}
  footer{padding:50px 0 0;text-align:center}
  .social-icons{margin-top:.5rem}
}

@media (min-width:992px) and (max-width:1199.98px){
  h1{font-size:3.2rem}
}