/* ============================================================
   MIKUY — responsive.css
   Media queries. Debe cargarse al final para poder sobrescribir.
   ============================================================ */

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr);gap:34px}
  .steps::before{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:26px}
  .stat{border-left:0;padding-left:0}
}
@media (max-width:860px){
  .grid-2,.grid-3,.contact-grid{grid-template-columns:1fr}
  .collage .a{min-height:260px}
  .quechua{position:static;margin-top:16px;max-width:none}
  .burger{display:flex}
  .menu{
    position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;
    align-items:stretch;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-lg);display:none;
  }
  .menu.open{display:flex}
  .menu li{border-bottom:1px solid var(--line)}
  .menu li:last-child{border-bottom:0}
  .menu a{display:block;padding:15px 0;font-size:1rem}
  .nav .btn{display:none}
  .topbar .ruc{display:none}
  .topbar .wrap{justify-content:center}
}
@media (max-width:560px){
  body{font-size:16px}
  .grid-4{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-cta .btn{width:100%}
  .collage{grid-template-columns:1fr}
  .collage .a{grid-row:auto;min-height:220px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}