/* ═══ RESPONSIVE ═══ */
@media (max-width: 1024px) {
  .properties-grid { grid-template-columns: repeat(2, 1fr); }
  .investment-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .types-grid { grid-template-columns: 1fr; }
  .type-card { grid-template-columns: 1fr 1.2fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .sidebar-card { position: static; }
  .features-grid { grid-template-columns: repeat(3, 1fr); }
  .filters-grid { grid-template-columns: repeat(3, 1fr); }
  .distance-grid { grid-template-columns: repeat(2, 1fr); }
  .location-hero { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .nav-links { display: none; }
  .lang-switch { display: none; }
  .nav-toggle { display: block; }
  .mobile-cta { display: flex; }
  .whatsapp-float { bottom: 80px; }
  .properties-grid { grid-template-columns: 1fr; }
  .investment-grid { grid-template-columns: 1fr; }
  .lifestyle-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .zones-grid { grid-template-columns: 1fr 1fr; }
  .zones-grid .zone-card:first-child { grid-row: auto; grid-column: span 2; }
  .hero__stats { flex-direction: column; gap: var(--space-xl); }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; max-width: 300px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .filters-grid { grid-template-columns: 1fr 1fr; }
  .search-bar { flex-direction: column; }
  .search-bar .form-select { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .type-card { grid-template-columns: 1fr; }
  .contact-form-row { grid-template-columns: 1fr; }
  .distance-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .container { padding: 0 var(--space-md); }
  .zones-grid { grid-template-columns: 1fr; }
  .zones-grid .zone-card:first-child { grid-column: auto; }
  .features-grid { grid-template-columns: 1fr 1fr; }
  .filters-grid { grid-template-columns: 1fr; }
  .hero__title { font-size: 2.25rem; }
  .distance-grid { grid-template-columns: 1fr; }
}