/* ============================================================
   RESPONSIVE — mobile-first up to 768 / 1024
   ============================================================ */
@media (min-width:768px){
  .metrics-grid{grid-template-columns:repeat(3,1fr)}
  .svc-row{grid-template-columns:1fr 1fr;gap:56px}
  .svc-row.reverse .svc-media{order:2}
  .about-grid{grid-template-columns:1.05fr 1fr;gap:64px}
  .contact-grid{grid-template-columns:1.05fr .95fr;gap:56px}
  .footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:40px}
  .contact-form{padding:38px}
  .slide-content{padding-left:88px;padding-right:88px} /* deja lugar a las flechas */
}
@media (min-width:1024px){
  .container{padding:0 40px}
  .nav-inner{padding:18px 40px}
  .navbar.scrolled .nav-inner{padding:12px 40px}
  .section{padding:120px 0}
  .about-grid{gap:80px}
}

/* Mobile nav */
@media (max-width:767px){
  .nav-toggle{display:flex}
  .nav-links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--blue-900);padding:0 24px;
    max-height:0;overflow:hidden;transition:max-height .35s ease;
  }
  .navbar:not(.scrolled) .nav-links{background:var(--blue-900)}
  .nav-links.open{max-height:340px;padding:8px 24px 20px;box-shadow:0 18px 40px rgba(30,45,107,.4)}
  .nav-links a{width:100%;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-links a::after{display:none}
  .nav-actions .btn-olive{padding:10px 18px;font-size:14px}
  .slide-attach-fix{background-attachment:scroll}
  .slider-arrow{display:none} /* en mobile navegamos con los dots + autoplay */
  .hero-cta{flex-direction:column;width:100%;max-width:340px}
  .hero-cta .btn{width:100%}

  /* Menos aire vertical en mobile (evita vacíos y scroll de más) */
  .section{padding:56px 0}
  .metrics-grid{gap:26px}
  .services-head{margin-bottom:40px}
  .svc-row{padding:34px 0}
}

/* Disable fixed parallax on touch / small screens (jank) */
@media (max-width:1024px){
  .slide{background-attachment:scroll}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal,.hero-line,.hero-logo,.hero-claim,.hero-subcopy,.hero-cta,.hero-scroll,
  .svc-media,.svc-text,.slide.active .slide-inner > *{opacity:1 !important;transform:none !important;width:120px}
}