:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-18:72px;
--space-20:80px;--space-24:96px;--space-30:120px;--space-40:160px;

/* Márgenes seguros de lienzo (medidos en las piezas aprobadas) */
--safe-feed:70px;      /* feed 1080x1080 / 1080x1350 */
--safe-story:72px;     /* story 1080x1920 */
--safe-doc:86px;       /* placas de contacto y presentación */
--frame-inset:58px;    /* marco interior con filete */
--frame-inset-lg:60px;
--panel-inset:52px;

/* Formatos de lienzo */
--canvas-feed-w:1080px; /* @kind spacing */--canvas-feed-h:1080px; /* @kind spacing */
--canvas-portrait-w:1080px; /* @kind spacing */--canvas-portrait-h:1350px; /* @kind spacing */
--canvas-story-w:1080px; /* @kind spacing */--canvas-story-h:1920px; /* @kind spacing */
--canvas-cover-w:1640px; /* @kind spacing */--canvas-cover-h:624px; /* @kind spacing */
--canvas-a4-w:794px; /* @kind spacing */--canvas-a4-h:1123px; /* @kind spacing */

/* Alturas de elementos recurrentes */
--h-cta:120px; /* @kind spacing */         /* píldora de acción en lienzo */
--h-chip:98px; /* @kind spacing */
--h-rule:12px; /* @kind spacing */
--w-rule:180px; /* @kind spacing */
}