/* ╔══════════════════════════════════════════════════════╗
   ║  GLOPSA · responsive.css                             ║
   ╚══════════════════════════════════════════════════════╝ */

/* ─── Desktop pequeño ─── */
@media (max-width: 1100px){
  .nav-links{ display: none; }
  .nav{ grid-template-columns: auto 1fr auto; }
  .nav-burger{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    margin-left: auto;
  }
  .hero-social-links{ grid-template-columns: 1fr; }
  .nosotros-grid{ grid-template-columns: repeat(2, 1fr); }
  .marcas-cards{ grid-template-columns: 1fr 1fr; gap: 16px; }
  .contacto-grid{ grid-template-columns: 1fr; gap: 48px; }
  .mision-grid{ grid-template-columns: 1fr; gap: 40px; }
}

/* ─── Tablet ─── */
@media (max-width: 860px){
  .hero{ padding-top: 130px; }
  .hero-title{ font-size: clamp(44px, 11vw, 80px); }
  .footer-top{ grid-template-columns: 1fr; }
  .footer-nav{ grid-template-columns: repeat(3, 1fr); }
  .coverflow{ height: clamp(340px, 70vw, 480px); }
  .cf-slide{
    width: clamp(220px, 56vw, 360px);
    height: clamp(280px, 70vw, 440px);
  }
  .cf-prev, .cf-next{ width: 48px; height: 48px; font-size: 24px; }
}

/* ─── Mobile ─── */
@media (max-width: 640px){
  :root{ --pad-y: 72px; }
  .nav{ padding: 14px var(--pad-x); }
  .nav-burger{ width: 52px; height: 52px; }
  

  .marcas-cards{ grid-template-columns: 1fr; }
  .nosotros-grid{ grid-template-columns: 1fr; }
  .form-marcas-grid{ grid-template-columns: 1fr; }
  .contacto-form{ padding: 22px; }

  .contacto-info-list li{ grid-template-columns: 1fr; gap: 4px; }

  .footer-bot{ flex-direction: column; gap: 8px; }
  .marquee-track{ gap: 48px; animation-duration: 26s; }
  .marquee-track img{ height: 28px; }

  .coverflow{ height: 380px; }
  .cf-slide{ width: 220px; height: 300px; }
  .cf-prev{ left: 8px; }
  .cf-next{ right: 8px; }
}

@media (max-width: 480px){
  .footer-nav{ grid-template-columns: 1fr 1fr; }
  .hero-cta{ flex-direction: column; align-items: flex-start; }
  .hero-cta .btn{ width: 100%; justify-content: center; }
}

@media print{
  .nav, .nav-burger, .nav-sheet, .preloader, .cf-nav, .cf-dots{ display: none !important; }
  *{ background: white !important; color: black !important; box-shadow: none !important; }
}