/* ============================================
   RESPONSIVE — NOVA Dental Studio
   Mobile-first en la práctica: acá corregimos
   de escritorio hacia abajo, con puntos reales.
   ============================================ */

/* ---------- 1280px ---------- */
@media (max-width: 1280px) {
  .hero__grid { gap: var(--space-lg); }
}

/* ---------- 1024px — tablet horizontal ---------- */
@media (max-width: 1024px) {
  .services__grid { grid-template-columns: 1fr; }
  .tech__grid { grid-template-columns: 1fr; }
  :root { --space-2xl: 4.5rem; --space-3xl: 6.5rem; }

  .nav__links { display: none; }
  .nav__cta { display: none; }
  .burger { display: flex; }

  .hero__grid { grid-template-columns: 1fr; }
  .hero__media { aspect-ratio: 16 / 11; max-height: 460px; }

  .section__head--split { grid-template-columns: 1fr; gap: var(--space-md); align-items: start; }


  .diff { grid-template-columns: 1fr; }
  .diff__media { aspect-ratio: 16 / 10; }


  .quotes { grid-template-columns: 1fr; }
  .faq { grid-template-columns: 1fr; gap: var(--space-lg); }
  .contact { grid-template-columns: 1fr; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
  .footer__grid > div:first-child { grid-column: 1 / -1; }
}

/* ---------- 768px — tablet vertical ---------- */
@media (max-width: 768px) {
  .trust ul { grid-template-columns: repeat(2, 1fr); gap: var(--space-sm) var(--space-md); }
  .gallery {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    aspect-ratio: auto;
  }
  .gallery .frame { aspect-ratio: 16 / 10; }
  .gallery .frame:first-child { grid-row: auto; }
  .tech__media { aspect-ratio: 16 / 10; }
}

/* ---------- 480px — móvil ---------- */
@media (max-width: 480px) {
  :root {
    --space-2xl: 3.5rem;
    --space-xl: 2.75rem;
  }

  .hero { padding-top: calc(var(--space-2xl) + 3.5rem); }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .btn { width: 100%; }
  .stat { padding: 0.9rem 0.7rem; }
  .stat dt { font-size: 0.55rem; letter-spacing: 0.1em; }
  .hero__tag { font-size: 0.6rem; padding: 0.7rem 0.9rem; }
  .hero__media { aspect-ratio: 4 / 3; max-height: none; }

  .services__grid { grid-template-columns: 1fr; }
  .tech__grid { grid-template-columns: 1fr; }
  .step { grid-template-columns: 1fr; gap: .8rem; }

  .card { padding: var(--space-md); }
  .card__index { top: var(--space-md); right: var(--space-md); }
  .contact__panel { padding: var(--space-md); }

  .footer__grid { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; }

  .menu a { font-size: 1.5rem; }

  /* WhatsApp compacto: solo el ícono */
  .wa { padding: 0.95rem; right: 1rem; bottom: 1rem; }
  .wa b { display: none; }
}

/* ---------- 375px / 320px ---------- */
@media (max-width: 375px) {
  :root { --fs-body: 1rem; }
  .brand { font-size: 1.05rem; }
  .hero__meta div strong { font-size: 1.6rem; }
}