:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-6:24px;
--space-8:32px;
--space-12:48px;
--space-16:64px;
--space-24:96px;

--gap-inline:var(--space-2);      /* icono ↔ texto */
--gap-stack:var(--space-3);       /* label ↔ campo ↔ ayuda */
--gap-cluster:var(--space-4);     /* botones adyacentes */
--gap-card:var(--space-6);        /* padding interior de tarjeta */
--gap-section:var(--space-12);    /* entre secciones de página */

--container-max:1160px;
--field-height:48px;
--control-height-sm:36px;
--icon-grid:24px;
--icon-stroke:1.75px;

/* ── Marca (manual, pp. 3–6) ──────────────────────────────────────
   Proporción del monograma, aire de respeto y tamaño mínimo del
   logotipo completo. Por debajo del mínimo se usa el monograma. */
/* --brand-ratio: ancho : alto del monograma */
--brand-ratio:1.72; /* @kind other */
--brand-clearspace:156px;    /* aire en los cuatro lados = alto del monograma */
--brand-logo-min:160px;      /* ancho mínimo del logotipo completo */
--brand-icon-master:1024px;  /* maestro del ícono de app */
--brand-icon-glyph:58%;      /* monograma sobre el lado del ícono */
}