/* Utilidades rápidas de layout/espaciado */
.mt-4{ margin-top: var(--space-4); } .mt-6{ margin-top: var(--space-6); }
.mb-4{ margin-bottom: var(--space-4);} .mb-6{ margin-bottom: var(--space-6); }
.grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
@media (max-width: 840px){ .grid-2{ grid-template-columns: 1fr; } }
.hidden{ display:none; }
.truncate{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* =========================
   PWA MODE (solo cuando es app instalada)
   ========================= */

html.is-pwa body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}