/* responsive.css — Media queries (mobile-first breakpoints) */

@media (max-width: 768px) {

  /* Nav */
  .nav-mid{ display:none }
  .hero-r{ display:none }

  /* Grids */
  .prod-grid,
  .eq-grid,
  .metrics-inner{ grid-template-columns:1fr 1fr }

  /* Secciones verticales */
  .steps-grid,
  .contact-inner,
  .footer-top{ grid-template-columns:1fr }

  /* Value section */
  .value-inner{ grid-template-columns:1fr }

  /* Cart */
  .cart-drawer{ width:100% }

  /* Precios */
  .prices-grid{ max-width:100% }

  /* Asociate */
  .as-pq-grid,
  .as-steps{ grid-template-columns:1fr }
  .as-field-row{ grid-template-columns:1fr }

  /* Dashboard */
  .dash-sidebar{ display:none }
  .dash-stats{ grid-template-columns:1fr 1fr }
  .dc-hero{ grid-template-columns:1fr }

  /* Checkout */
  .checkout-field-row{ grid-template-columns:1fr }
  .cf-row{ grid-template-columns:1fr }
  .reg-field-row{ grid-template-columns:1fr }

}

@media (max-width: 480px) {
  .hero{ padding:4rem 1.5rem 2rem }
  .catalog-section{ padding:3rem 1.5rem }
  .contact-section,
  .steps-section{ padding:3rem 1.5rem }
  nav{ padding:0 1.5rem }
  .hero h1{ letter-spacing:-1px }
  .prod-grid,
  .eq-grid{ grid-template-columns:1fr }
}