/* ==========================================================================
   SCANDRIVE ELITE — responsive.css
   Breakpoints: 1920 / 1440 / 1024 / 768 / 375 / 320
   ========================================================================== */

/* ----- Desktop grande (1920px+) ----- */
@media (min-width: 1920px) {
  :root { --container-max: 1440px; }
  .hero__title { font-size: 5.5rem; }
}

/* ----- Laptop / desktop estándar (hasta 1440px) ----- */
@media (max-width: 1440px) {
  :root { --container-max: 1140px; }
}

/* ----- Tablet horizontal / laptop pequeño (hasta 1024px) ----- */
@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr; gap: var(--space-lg); }
  .hero__media { order: -1; aspect-ratio: 16/11; }

  .features { grid-template-columns: repeat(2, 1fr); }
  .brands-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(2, 1fr); row-gap: var(--space-lg); }

  .tech { grid-template-columns: 1fr; }
  .tech__media { order: -1; }

  .booking { grid-template-columns: 1fr; }

  .footer__top { grid-template-columns: 1fr 1fr; row-gap: var(--space-lg); }
}

/* ----- Tablet vertical / móvil grande (hasta 768px) ----- */
@media (max-width: 768px) {
  :root {
    --space-2xl: 3.5rem;
    --space-3xl: 5rem;
    --header-height: 72px;
  }

  .container { padding-inline: var(--space-md); }

  .nav { position: fixed; inset: 72px 0 0 0; top: var(--header-height);
    background-color: rgba(5,5,5,.97);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-lg) var(--space-md);
    gap: var(--space-lg);
    transform: translateX(100%);
    transition: transform var(--dur-base) var(--ease-standard);
    overflow-y: auto;
  }
  .nav.is-open { transform: translateX(0); }
  .nav__list { flex-direction: column; align-items: flex-start; gap: var(--space-md); }
  .nav__link { font-size: var(--fs-lg); }
  .header__cta .btn span { display: inline; }
  .nav-toggle { display: flex; }

  .hero { padding-top: var(--space-lg); }
  .hero__title { font-size: var(--fs-2xl); }
  .hero__actions .btn { flex: 1 1 auto; }

  .features { grid-template-columns: 1fr 1fr; }
  .feature-card { padding: var(--space-md) var(--space-sm); }

  .brands-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }

  .form__row { grid-template-columns: 1fr; }

  .cta { flex-direction: column; text-align: center; padding: var(--space-lg) var(--space-md); }
  .cta__actions { justify-content: center; }

  .footer__top { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; text-align: center; }
}

/* ----- Móvil estándar (hasta 375px) ----- */
@media (max-width: 375px) {
  .hero__title { font-size: clamp(2rem, 1.5rem + 4vw, 2.6rem); }
  .features { grid-template-columns: 1fr 1fr; gap: 1px; }
  .stats { grid-template-columns: 1fr 1fr; }
  .btn { padding: 0.85rem 1.35rem; font-size: var(--fs-xs); }
  .cta__title { font-size: var(--fs-lg); }
}

/* ----- Móvil pequeño (320px) ----- */
@media (max-width: 320px) {
  .container { padding-inline: var(--space-sm); }
  .brand__subtitle { display: none; }
  .features { grid-template-columns: 1fr 1fr; }
}