/* ══ responsive.css v2 — RotaPrint Perú ══ */

/* ─ Tablet ancho (nav compacto, sin hamburguesa aún) ─ */
@media (max-width:1180px) and (min-width:769px){
  nav.main-nav{padding:0 20px}
  .nav-links{gap:0}
  .nav-links li a{font-size:12.5px;padding:6px 9px}
  .nav-cta{padding:7px 13px!important;font-size:12.5px!important}
  .logo{font-size:1.35rem}
}

/* ─ Tablet ─ */
@media (max-width:1024px){
  .hero{gap:28px;padding:52px 24px 64px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .steps-grid::before{display:none}
  .sectores-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .testimonios-grid{grid-template-columns:repeat(2,1fr)}
  .contact-cards{grid-template-columns:1fr;max-width:480px;margin:0 auto}
}

/* ─ Mobile — hamburguesa activa ─ */
@media (max-width:768px){
  nav.main-nav{padding:0 18px;height:60px}
  .nav-links{
    display:none;
    position:absolute;top:60px;left:0;right:0;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(12px);
    flex-direction:column;
    padding:12px 16px 16px;
    border-bottom:1px solid var(--gris-mid);
    box-shadow:0 8px 32px rgba(0,0,0,.1);
    gap:2px;
    z-index:999
  }
  .nav-links.open{display:flex}
  .nav-links li a{width:100%;padding:11px 14px;font-size:14px}
  .hamburger{display:flex}

  /* Hero: texto arriba, formulario abajo — NUNCA al revés */
  .hero{
    grid-template-columns:1fr;
    padding:36px 18px 48px;
    gap:28px
  }
  .hero-text{order:1}
  .hero-form-side{order:2}

  .hero-btns{flex-direction:column;gap:8px}
  .btn-wa,.btn-primary,.btn-secondary,.btn-call{justify-content:center;width:100%}
  .hero-trust{flex-direction:column;align-items:flex-start;gap:8px}
  .hero-stats{gap:20px}
  .stat-num{font-size:1.7rem}

  .section{padding:60px 18px}
  .sectores-section{padding:48px 18px}

  .services-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr;gap:20px}
  .steps-grid::before{display:none}
  .sectores-grid{grid-template-columns:repeat(2,1fr)}

  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
  .gallery-item.wide{grid-column:span 2}
  .gallery-item.tall{grid-row:span 1}
  .gallery-cta-bar{flex-direction:column;text-align:center;gap:14px}

  .testimonios-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}

  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:center}

  #cotizar{padding:56px 18px}
  .contact-cards{grid-template-columns:1fr;max-width:100%}

  #faq{padding:60px 18px}

  .form-row{grid-template-columns:1fr}
  .quote-box{padding:24px 20px}

  /* FAB con label visible en móvil */
  .wa-btn-label{display:block}
  .wa-bubble{display:none}

  .page-hero{padding:48px 18px}
  .breadcrumb{padding:12px 18px}

  .blog-grid{grid-template-columns:1fr}
}

/* ─ Small mobile ─ */
@media (max-width:480px){
  h1{font-size:1.75rem}
  h2{font-size:1.35rem}
  .hero-stats{gap:14px}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:200px}
  .gallery-item.wide{grid-column:span 1}
  .sectores-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:1fr}
  .trust-bar{justify-content:flex-start;padding:0}
}