/* ============================================================
   RESPONSIVE.CSS — Breakpoints y ajustes móvil
   Transportes Fénix Tomé
   ============================================================ */

@media (max-width: 1024px) {
  .routes-grid {
    grid-template-columns: 1fr;
  }
  .route-map-visual {
    min-height: 280px;
  }
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 768px) {
  /* Nav */
  nav { padding: 0 4%; }
  .nav-links { display: none; }

  /* Hero */
  .hero {
    padding-top: 90px;
    padding-bottom: 40px;
    min-height: auto;
  }
  .hero-phoenix-wrap { display: none; }
  .hero-stats    { gap: 24px; flex-wrap: wrap; }
  .hero-glow     { display: none; }

  /* Sections */
  section { padding: 64px 5%; }
  .section-header { margin-bottom: 40px; }

  /* Proceso */
  .process-steps::before { display: none; }
  .process-steps { gap: 32px; }

  /* Rutas */
  .routes-grid { grid-template-columns: 1fr; }
  .route-map-visual { min-height: 240px; padding: 24px; }

  /* Contacto */
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .form-row     { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top   { flex-direction: column; }

  /* Tracking */
  .tracking-input-box   { padding: 24px; }
  .tracking-input-row   { flex-direction: column; }
  .tracking-result-header { flex-direction: column; align-items: flex-start; }
  .tracking-meta        { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 3rem; }
  .hero-stats { gap: 16px; }
  .stat-value { font-size: 2.2rem; }

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

  .tracking-meta { grid-template-columns: 1fr; }

  .btn-primary,
  .btn-secondary { padding: 12px 20px; font-size: 0.9rem; }

  .footer-bottom { flex-direction: column; align-items: flex-start; }
}