/* ================================================
   RESPONSIVE.CSS — Todos los media queries centralizados
   Proyecto: SmartDaga Landing
   Autor: e-DAGA Systems
================================================ */

@media (max-width: 1024px) {
  .g3, .plans, .footer-g, .srv-grid { grid-template-columns: repeat(2, 1fr); }
  .g4 { grid-template-columns: repeat(2, 1fr); }
  .steps-wrap { grid-template-columns: 1fr; gap: 0; }
  .step-arrow { display: none; }
}

@media (max-width: 768px) {
  /* Layout */
  .container    { padding: 0 1rem; }
  .section      { padding: 3rem 0; }
  .g2, .g3, .contact-wrap, .plans, .footer-g, .srv-grid { grid-template-columns: 1fr; }
  .g4           { grid-template-columns: repeat(2, 1fr); }
  .form-row     { grid-template-columns: 1fr; }

  /* Nav */
  .nav-links, .nav-acts { display: none; }
  .mega-menu { display: none !important; }
  #burger { display: flex; align-items: center; justify-content: center; }

  /* Tabs precios */
  .price-tabs { gap: .2rem; padding: .25rem; }
  .pt-tab     { font-size: .8rem; padding: .45rem .9rem; }

  /* Hero */
  #hero           { min-height: 88svh; }
  .hero-inner     { padding: 2rem 1rem; }
  .hero-trust     { gap: 1.25rem; }
  .hero-watermark { display: none; }

  /* Logos */
  .logos-row { gap: 1rem; }

  /* Pasos */
  .steps-wrap { grid-template-columns: 1fr; }

  /* Comparación: tabla oculta, cards visibles */
  .comp-wrap   { display: none; }
  .comp-mobile { display: flex; }

  /* Contacto */
  .contact-wrap { gap: 2rem; }
  .form-box     { padding: 1.5rem 1.25rem; }

  /* Footer */
  .footer-g   { gap: 2rem; }
  .footer-bot { flex-direction: column; text-align: center; }

  /* Touch targets */
  .btn              { min-height: 44px; }
  .btn-send, .btn-plan { min-height: 48px; }

  /* Urgency bar */
  #ubar { font-size: .72rem; padding: .4rem 2.5rem .4rem 1rem; }
}

@media (max-width: 480px) {
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1rem; }
  .section { padding: 2.5rem 0; }

  /* Hero */
  .hero-inner { padding: 1.5rem 1rem; }
  .hero-sub   { font-size: 1rem; }
  .hero-ctas  { flex-direction: column; align-items: stretch; gap: .75rem; }
  .hero-ctas .btn { width: 100%; justify-content: center; }
  .hero-trust { gap: .9rem; }
  .trust-val  { font-size: .72rem; }
  .trust-lbl  { font-size: .6rem; }

  /* Logos: solo íconos */
  .logo-item span { display: none; }
  .logos-row      { gap: .85rem; }

  /* Tabs: apilados */
  .price-tabs { border-radius: 16px; flex-wrap: wrap; }
  .pt-tab     { flex: 1 1 40%; text-align: center; }

  /* Precios: destacado primero */
  .plans        { display: flex; flex-direction: column; }
  .plan.featured { order: -1; }

  /* Formulario */
  .form-box { border-radius: 14px; padding: 1.25rem 1rem; }
  .inp      { font-size: .9375rem; }

  /* Footer */
  .footer-brand   { text-align: center; }
  .footer-brand p { max-width: 100%; }
  .soc-row        { justify-content: center; }

  /* Botones generales */
  .btn-green, .btn-orange { padding: .8rem 1.5rem; }
}