/* ==========================================================================
   SOLVENTIA — responsive.css
   Ajustes responsive transversales (mobile-first overrides).
   ========================================================================== */

@media (max-width:1200px){
  :root{ --sp-gutter: 2.4rem; }
}

@media (max-width:980px){
  .process-grid{ grid-template-columns:1fr 1fr; }
  .why-grid{ grid-template-columns:1fr; gap:40px; }
  .grid-2{ grid-template-columns:1fr; gap:36px; }
  .grid-contact{ grid-template-columns:1fr; gap:40px; }
}

@media (max-width:720px){
  :root{ --sp-gutter: 1.4rem; }
  .navbar__inner{ padding:10px 10px 10px 18px; }
  .navbar__name{ font-size:16px; }
  .hero{ min-height:100svh; padding-top:120px; }
  .hero__title{ font-size:clamp(2.4rem, 11vw, 3.6rem); }
  .hero__stats{ grid-template-columns:1fr 1fr; }
  .process-grid{ grid-template-columns:1fr; }
  .section-head{ flex-direction:column; align-items:flex-start; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:480px){
  .hero__stats{ grid-template-columns:1fr; }
  .btn{ width:100%; justify-content:center; }
  .hero__actions{ flex-direction:column; }
  .hero__actions .btn{ width:100%; }
}

/* Print */
@media print{
  .navbar, .cursor, .cursor-ring, .cursor-label, .hero__video, .site-footer{ display:none !important; }
  body{ background:#fff; color:#000; }
}