/* ================================================
   LA CATALANA DIGITAL — Responsive breakpoints
   ================================================ */

/* ── Grid collapse ──────────────────────────────── */
@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .grid-2,
  .grid-3,
  .grid-4 { grid-template-columns: 1fr; }

  .split { grid-template-columns: 1fr; gap: var(--s8); }

  .section     { padding: var(--s12) 0; }
  .section-sm  { padding: var(--s8)  0; }

  .section-header { margin-bottom: var(--s8); }

  .form-grid-2 { grid-template-columns: 1fr; }

  .cta-section { padding: var(--s12) 0; }

  .btn-group { flex-direction: column; align-items: flex-start; }
  .btn-group.center { align-items: center; }
}

@media (max-width: 480px) {
  .container { padding-inline: var(--s4); }

  h1 { font-size: clamp(1.75rem, 7vw, 2.5rem); }
  h2 { font-size: clamp(1.375rem, 5vw, 1.875rem); }

  .btn { width: 100%; justify-content: center; }
  .btn-group { width: 100%; }
}