/* ==========================================================================
   Responsive — ajustes transversales
   Cada componente ya resuelve su propio comportamiento mobile-first en su
   propio archivo; aquí solo viven ajustes globales que no pertenecen a un
   único componente.
   ========================================================================== */

/* Extra Large / Desktop (1200px, DESIGN_SYSTEM.md): más aire en pantallas
   grandes, acorde a la filosofía "mucho espacio en blanco" */
@media (min-width: 1200px) {
  .container {
    padding-inline: var(--space-32);
  }

  .section {
    padding-block: var(--space-96);
  }
}