/* ============================================================
   responsive.css — Miranda López Bienes Raíces
   Optimizado para móvil · v3
   Breakpoints: 900px (tablet) · 600px (móvil) · 380px (small)
   ============================================================ */

@media (max-width: 900px) {
  .contacto-wrap { grid-template-columns: 1fr; gap: 3rem; }
}
/* ══════════════════════════════
   MÓVIL — 600px
══════════════════════════════ */
@media (max-width: 600px) {

  #servicios { padding: 4rem 5%; }
  .servicios-grid { gap: .85rem; box-shadow: none; }
  .servicio-card { padding: 1.25rem 1.1rem; }
  .servicio-num { font-size: 1.85rem; }
  .servicio-title { font-size: 1.05rem; }
  .servicio-desc { font-size: .84rem; line-height: 1.5; }

  #porque { padding: 4rem 5%; }
  .porque-wrap { gap: 1.5rem; }
  .porque-copy { font-size: .9rem; }
  .razones { gap: .8rem; }
  .razon-icon { width: 38px; height: 38px; font-size: .95rem; }
  .razon-text strong { font-size: .88rem; }
  .razon-text p { font-size: .82rem; }

  .section-header { margin-bottom: 2.5rem; }
  .section-title { font-size: clamp(1.6rem, 6vw, 2.2rem); }


  #zonas { padding: 4rem 5%; }
  #zonas::before { font-size: 10rem; opacity: .03; }
  .zonas-grid { grid-template-columns: 1fr; }
  .zona-card { padding: 1.8rem 1.5rem; }


  #contacto { padding: 4rem 5%; }
  .contacto-wrap { gap: 2.5rem; }
  .contacto-info { gap: 1rem; }
  .contacto-item-icon { width: 38px; height: 38px; font-size: 1rem; }
  .contacto-item-text strong { font-size: .88rem; }
  .form-card { padding: 1.8rem 1.2rem; }
  .form-title { font-size: 1.2rem; }
  .form-group input,
  .form-group select,
  .form-group textarea { font-size: .88rem; padding: .75rem .9rem; }
  .form-submit { padding: .9rem; font-size: .85rem; }
  .btn-primary { padding: .85rem 1.5rem; font-size: .85rem; }
  .btn-wa { width: 100%; text-align: center; }

  .whatsapp-float { width: 50px; height: 50px; bottom: 1.2rem; right: 1.2rem; }
  .whatsapp-float svg { width: 24px; height: 24px; }
}

/* ══════════════════════════════
   MÓVIL PEQUEÑO — 380px
══════════════════════════════ */
@media (max-width: 380px) {
}