/* =========================================================
   VICOL — Responsive
   ========================================================= */
@media (max-width: 1023px){
  .main-nav{ display: none; }
  .header-actions .lang-switch{ display: none; }
  .nav-toggle{ display: flex; }
  .grid-2, .service-detail{ grid-template-columns: 1fr; gap: var(--sp-5); }
  .grid-2.is-reverse .grid-2__media, .service-detail.is-reverse .service-detail__media{ order: 0; }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .hero .container{ max-width: 100%; margin-left: auto; }
}

@media (max-width: 767px){
  :root{ --header-h: 72px; --header-h-shrink: 60px; }
  h1{ font-size: var(--fs-4xl); }
  h2{ font-size: var(--fs-2xl); }
  section{ padding-block: var(--sp-7); }
  .hero{ min-height: 84vh; align-items: flex-end; }
  .hero p.lead{ font-size: var(--fs-md); }
  .cta-band .container{ flex-direction: column; align-items: flex-start; }
  .footer-grid{ grid-template-columns: 1fr; gap: var(--sp-5); }
  .footer-bottom{ flex-direction: column; align-items: flex-start; }
  .pillars{ grid-template-columns: 1fr; }
  .whatsapp-float{ width: 52px; height: 52px; right: var(--sp-3); bottom: var(--sp-3); }
  .whatsapp-float svg{ width: 24px; height: 24px; }
  .whatsapp-float__tooltip{ display: none; }
  .back-to-top{ right: var(--sp-3); bottom: 78px; width: 40px; height: 40px; }
  .testimonial-card{ padding: var(--sp-5); }
  .testimonial-card blockquote{ font-size: var(--fs-lg); }
  .section-head-row{ flex-direction: column; align-items: flex-start; }
  .offers-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 400px){
  h1{ font-size: var(--fs-3xl); }
  .hero__actions .btn{ width: 100%; }
  .stats{ grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1600px){
  :root{ --container-max: 1520px; }
}