/*
 * Bolbrac design tokens — generated by _source/build_tokens.py
 * Source of truth: Figma variable exports (Reference, System, Component).
 * Do not edit by hand; re-export from Figma and run the script again.
 */

:root {
  /* Reference Tokens (151) */
  --ref-color: #FFFFFF;
  --ref-morado-700: #55267B;
  --ref-lavanda-200: #D9B9D9;
  --ref-lavanda-500: #A783BA;
  --ref-morado-profundo-800: #44257D;
  --ref-magenta-200: #D5A6BD;
  --ref-magenta-600: #A64D79;
  --ref-magenta-700: #902283;
  --ref-gris-100: #E9EAE8;
  --ref-gris-300: #B3B6AF;
  --ref-gris-600: #666B61;
  --ref-negro-900: #00020F;
  --ref-blanco-antiguo-200: #F6EAE9;
  --ref-spacing-0: 0;
  --ref-spacing-2: 2px;
  --ref-spacing-4: 4px;
  --ref-spacing-8: 8px;
  --ref-spacing-12: 12px;
  --ref-spacing-16: 16px;
  --ref-spacing-20: 20px;
  --ref-spacing-24: 24px;
  --ref-spacing-32: 32px;
  --ref-spacing-40: 40px;
  --ref-spacing-48: 48px;
  --ref-spacing-56: 56px;
  --ref-spacing-64: 64px;
  --ref-spacing-68: 68px;
  --ref-spacing-80: 80px;
  --ref-spacing-96: 96px;
  --ref-spacing-104: 104px;
  --ref-spacing-128: 128px;
  --ref-radio-0: 0;
  --ref-radio-2: 2px;
  --ref-radio-4: 4px;
  --ref-radio-8: 8px;
  --ref-radio-12: 12px;
  --ref-radio-16: 16px;
  --ref-radio-999: 999px;
  --ref-font-size-10: 10px;
  --ref-font-size-11: 11px;
  --ref-font-size-12: 12px;
  --ref-font-size-14: 14px;
  --ref-font-size-15: 15px;
  --ref-font-size-16: 16px;
  --ref-font-size-18: 18px;
  --ref-font-size-20: 20px;
  --ref-font-size-22: 22px;
  --ref-font-size-24: 24px;
  --ref-font-size-28: 28px;
  --ref-font-size-32: 32px;
  --ref-font-size-36: 36px;
  --ref-font-size-40: 40px;
  --ref-font-size-44: 44px;
  --ref-font-size-48: 48px;
  --ref-font-size-52: 52px;
  --ref-font-size-56: 56px;
  --ref-font-size-60: 60px;
  --ref-font-size-64: 64px;
  --ref-font-size-90: 90px;
  --ref-font-size-96: 96px;
  --ref-base-white: #F8F8FF;
  --ref-base-black: #21242A;
  --ref-rojo-300: #EA9999;
  --ref-rojo-700: #CC0000;
  --ref-amarillo-200: #FFE599;
  --ref-amarillo-600: #E0AE14;
  --ref-verde-300: #B6D7A8;
  --ref-verde-800: #6AA84F;
  --ref-naranja-300: #F9CB9C;
  --ref-naranja-500: #E69138;
  --ref-turquesa-300: #A2C4C9;
  --ref-turquesa-700: #45818E;
  --ref-azul-200: #A4C2F4;
  --ref-azul-700: #3C78D8;
  --ref-line-height-2: 2px;
  --ref-line-height-4: 4px;
  --ref-line-height-8: 8px;
  --ref-line-height-12: 12px;
  --ref-line-height-14: 14px;
  --ref-line-height-16: 16px;
  --ref-line-height-20: 20px;
  --ref-line-height-24: 24px;
  --ref-line-height-28: 28px;
  --ref-line-height-32: 32px;
  --ref-line-height-36: 36px;
  --ref-line-height-40: 40px;
  --ref-line-height-44: 44px;
  --ref-line-height-48: 48px;
  --ref-line-height-52: 52px;
  --ref-line-height-56: 56px;
  --ref-line-height-60: 60px;
  --ref-line-height-64: 64px;
  --ref-line-height-96: 96px;
  --ref-line-height-color: #FFFFFF;
  --ref-size-0: 0;
  --ref-size-1: 1px;
  --ref-size-2: 2px;
  --ref-size-4: 4px;
  --ref-size-8: 8px;
  --ref-size-12: 12px;
  --ref-size-16: 16px;
  --ref-size-20: 20px;
  --ref-size-24: 24px;
  --ref-size-28: 28px;
  --ref-size-32: 32px;
  --ref-size-36: 36px;
  --ref-size-40: 40px;
  --ref-size-44: 44px;
  --ref-size-48: 48px;
  --ref-size-52: 52px;
  --ref-size-56: 56px;
  --ref-size-60: 60px;
  --ref-size-64: 64px;
  --ref-size-67: 67px;
  --ref-size-68: 68px;
  --ref-size-96: 96px;
  --ref-size-200: 200px;
  --ref-size-202: 202px;
  --ref-size-232: 232px;
  --ref-size-244: 244px;
  --ref-size-332: 332px;
  --ref-size-794: 794px;
  --ref-size-1124: 1124px;
  --ref-size-1202: 1202px;
  --ref-size-1324: 1324px;
  --ref-size-1344: 1344px;
  --ref-opacity-8: 0.08;
  --ref-opacity-12: 0.12;
  --ref-opacity-16: 0.16;
  --ref-opacity-38: 0.38;
  --ref-font-family-base: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --ref-font-weight-medium: 500;
  --ref-font-weight-bold: 700;
  --ref-font-weight-black: 900;
  --ref-print-bleed: 3mm;
  --ref-print-safe-margin: 10mm;
  --ref-print-page-width-a4: 210mm;
  --ref-print-page-height-a4: 297mm;
  --ref-elevation-0: none;
  --ref-elevation-1: 0px 1px 2px rgba(0,0,0,0.30);
  --ref-elevation-2: 0px 1px 3px rgba(0,0,0,0.30);
  --ref-elevation-3: 0px 4px 8px rgba(0,0,0,0.30);
  --ref-tracking-0: 0;
  --ref-tracking-15: 1.5px;
  --ref-tracking-25: 0.25px;
  --ref-tracking-50: 0.5px;
  --ref-icon-size-16: 16px;
  --ref-icon-size-24: 24px;
  --ref-icon-size-32: 32px;
  --ref-asset-logo-bolbrac: "LogoBolbrac.svg";
  --ref-asset-icono-bolbrac: "Icon/IconoBolbrac.svg";

  /* System Tokens (187) */
  --sys-color-primary: var(--ref-morado-700);
  --sys-color-on-primary: var(--ref-base-white);
  --sys-color-primary-container: var(--ref-lavanda-200);
  --sys-color-on-primary-container: var(--ref-morado-700);
  --sys-color-surface: var(--ref-lavanda-500);
  --sys-color-on-surface: var(--ref-base-white);
  --sys-color-on-surface-variant: var(--ref-lavanda-200);
  --sys-color-secondary: var(--ref-morado-profundo-800);
  --sys-color-on-secondary: var(--sys-color-background-base);
  --sys-color-secondary-container: var(--ref-lavanda-200);
  --sys-color-on-secondary-container: var(--ref-morado-700);
  --sys-color-disabled: var(--ref-gris-100);
  --sys-color-on-error: var(--ref-base-white);
  --sys-color-on-success: var(--ref-base-white);
  --sys-color-on-falta-carpeta: var(--ref-rojo-700);
  --sys-color-on-error-container: var(--ref-rojo-700);
  --sys-color-error: var(--ref-rojo-700);
  --sys-color-on-error-solid: var(--ref-base-white);
  --sys-color-error-container: var(--ref-rojo-300);
  --sys-color-on-ripeado: var(--ref-turquesa-700);
  --sys-color-on-cortado: var(--ref-azul-700);
  --sys-color-on-empaquetado: var(--ref-magenta-600);
  --sys-color-tertiary: var(--ref-magenta-700);
  --sys-color-inverse-surface: var(--ref-negro-900);
  --sys-color-inverse-on-surface: var(--ref-base-white);
  --sys-color-inverse-primary: var(--ref-lavanda-200);
  --sys-color-text: var(--ref-base-black);
  --sys-color-dataviz-1: var(--ref-morado-700);
  --sys-color-dataviz-2: var(--ref-lavanda-500);
  --sys-color-dataviz-3: var(--ref-lavanda-200);
  --sys-color-track-bg: var(--ref-gris-100);
  --sys-color-status-positive-bg: var(--ref-lavanda-200);
  --sys-color-status-negative-bg: var(--ref-lavanda-500);
  --sys-color-status-positive-text: var(--ref-morado-700);
  --sys-color-outline-default: var(--ref-gris-100);
  --sys-color-outline-presentation: var(--ref-morado-700);
  --sys-color-outline-outline-variant: var(--ref-gris-100);
  --sys-color-background-base: var(--ref-base-white);
  --sys-color-background-surface: var(--ref-blanco-antiguo-200);
  --sys-color-background-surface-variant: var(--ref-gris-100);
  --sys-color-orden-falta-carpeta: var(--ref-rojo-300);
  --sys-color-orden-preparado: var(--ref-verde-300);
  --sys-color-orden-cortado: var(--ref-azul-200);
  --sys-color-orden-ripeado: var(--ref-turquesa-300);
  --sys-color-orden-falta-print: var(--ref-amarillo-200);
  --sys-color-orden-faltante: var(--ref-naranja-300);
  --sys-color-orden-empaquetado: var(--ref-magenta-200);
  --sys-color-action-disabled-bg: var(--ref-gris-100);
  --sys-color-action-disabled-text: var(--ref-gris-300);
  --sys-color-feedback-success: var(--ref-verde-300);
  --sys-color-feedback-error: var(--ref-rojo-300);
  --sys-color-feedback-warning: var(--ref-amarillo-200);
  --sys-radius-small: var(--ref-radio-4);
  --sys-radius-medium: var(--ref-radio-8);
  --sys-radius-large: var(--ref-radio-16);
  --sys-radius-pill: var(--ref-radio-999);
  --sys-sizing-panel-compact: var(--ref-size-68);
  --sys-sizing-topbar-compact: var(--ref-size-32);
  --sys-sizing-stroke-regular: var(--ref-size-2);
  --sys-sizing-stroke-thin: var(--ref-size-1);
  --sys-sizing-stroke-thick: var(--ref-size-4);
  --sys-sizing-icon-sm: var(--ref-size-16);
  --sys-sizing-icon-md: var(--ref-size-24);
  --sys-sizing-icon-lg: var(--ref-size-32);
  --sys-sizing-ratio-square: 1;
  --sys-sizing-ratio-landscape: 1.77;
  --sys-sizing-ratio-portrait: 0.75;
  --sys-sizing-media-primary-width: 0;
  --sys-sizing-media-primary-height: 0;
  --sys-sizing-media-secondary-width: 0;
  --sys-sizing-media-secondary-height: 0;
  --sys-sizing-canvas-presentation-width: var(--ref-size-1344);
  --sys-sizing-canvas-presentation-height: var(--ref-size-794);
  --sys-sizing-canvas-a4-width: var(--ref-size-794);
  --sys-sizing-canvas-a4-height: var(--ref-size-1124);
  --sys-state-state-hover: var(--ref-opacity-8);
  --sys-state-state-focus: var(--ref-opacity-12);
  --sys-state-state-pressed: var(--ref-opacity-12);
  --sys-state-state-dragged: var(--ref-opacity-16);
  --sys-state-state-disabled: var(--ref-opacity-38);
  --sys-label-xsmall-size: var(--ref-font-size-10);
  --sys-label-xsmall-line-height: var(--ref-line-height-14);
  --sys-label-xsmall-tracking: var(--ref-tracking-50);
  --sys-label-xsmall-font-family: var(--ref-font-family-base);
  --sys-label-xsmall-font-weight: var(--ref-font-weight-medium);
  --sys-label-small-size: var(--ref-font-size-11);
  --sys-label-small-line-height: var(--ref-line-height-16);
  --sys-label-small-tracking: var(--ref-tracking-50);
  --sys-label-small-font-family: var(--ref-font-family-base);
  --sys-label-small-font-weight: var(--ref-font-weight-medium);
  --sys-label-medium-size: var(--ref-font-size-12);
  --sys-label-medium-line-height: var(--ref-line-height-14);
  --sys-label-medium-tracking: var(--ref-tracking-50);
  --sys-label-medium-font-family: var(--ref-font-family-base);
  --sys-label-medium-font-weight: var(--ref-font-weight-medium);
  --sys-label-large-size: var(--ref-font-size-14);
  --sys-label-large-line-height: var(--ref-line-height-20);
  --sys-label-large-tracking: var(--ref-tracking-15);
  --sys-label-large-font-family: var(--ref-font-family-base);
  --sys-label-large-font-weight: var(--ref-font-weight-medium);
  --sys-body-small-size: var(--ref-font-size-12);
  --sys-body-small-line-height: var(--ref-line-height-16);
  --sys-body-small-tracking: var(--ref-tracking-25);
  --sys-body-small-font-family: var(--ref-font-family-base);
  --sys-body-small-font-weight: var(--ref-font-weight-medium);
  --sys-body-medium-size: var(--ref-font-size-14);
  --sys-body-medium-line-height: var(--ref-line-height-20);
  --sys-body-medium-tracking: var(--ref-tracking-25);
  --sys-body-medium-font-family: var(--ref-font-family-base);
  --sys-body-medium-font-weight: var(--ref-font-weight-medium);
  --sys-body-large-size: var(--ref-font-size-15);
  --sys-body-large-line-height: var(--ref-line-height-24);
  --sys-body-large-font-family: var(--ref-font-family-base);
  --sys-body-large-font-weight: var(--ref-font-weight-medium);
  --sys-body-large-tracking: var(--ref-tracking-50);
  --sys-body-xlarge-size: var(--ref-font-size-16);
  --sys-body-xlarge-line-height: var(--ref-line-height-24);
  --sys-body-xlarge-tracking: var(--ref-tracking-15);
  --sys-body-xlarge-font-family: var(--ref-font-family-base);
  --sys-body-xlarge-font-weight: var(--ref-font-weight-medium);
  --sys-title-small-size: var(--ref-font-size-14);
  --sys-title-small-line-height: var(--ref-line-height-20);
  --sys-title-small-font-family: var(--ref-font-family-base);
  --sys-title-small-font-weight: var(--ref-font-weight-bold);
  --sys-title-small-tracking: var(--ref-tracking-15);
  --sys-title-medium-size: var(--ref-font-size-16);
  --sys-title-medium-line-height: var(--ref-line-height-24);
  --sys-title-medium-tracking: var(--ref-tracking-15);
  --sys-title-medium-font-family: var(--ref-font-family-base);
  --sys-title-medium-font-weight: var(--ref-font-weight-bold);
  --sys-title-large-size: var(--ref-font-size-18);
  --sys-title-large-line-height: var(--ref-line-height-24);
  --sys-title-large-tracking: var(--ref-tracking-0);
  --sys-title-large-font-family: var(--ref-font-family-base);
  --sys-title-large-font-weight: var(--ref-font-weight-bold);
  --sys-headline-small-size: var(--ref-font-size-20);
  --sys-headline-small-line-height: var(--ref-line-height-28);
  --sys-headline-small-tracking: var(--ref-tracking-0);
  --sys-headline-small-font-family: var(--ref-font-family-base);
  --sys-headline-small-font-weight: var(--ref-font-weight-bold);
  --sys-headline-medium-size: var(--ref-font-size-22);
  --sys-headline-medium-line-height: var(--ref-line-height-28);
  --sys-headline-medium-tracking: var(--ref-tracking-0);
  --sys-headline-medium-font-family: var(--ref-font-family-base);
  --sys-headline-medium-font-weight: var(--ref-font-weight-bold);
  --sys-headline-large-size: var(--ref-font-size-28);
  --sys-headline-large-line-height: var(--ref-line-height-36);
  --sys-headline-large-tracking: var(--ref-tracking-0);
  --sys-headline-large-font-family: var(--ref-font-family-base);
  --sys-headline-large-font-weight: var(--ref-font-weight-bold);
  --sys-display-small-size: var(--ref-font-size-32);
  --sys-display-small-line-height: var(--ref-line-height-40);
  --sys-display-small-tracking: var(--ref-tracking-0);
  --sys-display-small-font-family: var(--ref-font-family-base);
  --sys-display-small-font-weight: var(--ref-font-weight-bold);
  --sys-display-medium-size: var(--ref-font-size-48);
  --sys-display-medium-line-height: var(--ref-line-height-64);
  --sys-display-medium-font-family: var(--ref-font-family-base);
  --sys-display-medium-font-weight: var(--ref-font-weight-bold);
  --sys-display-medium-tracking: var(--ref-tracking-0);
  --sys-display-large-size: var(--ref-font-size-56);
  --sys-display-large-line-height: var(--ref-line-height-64);
  --sys-display-large-tracking: var(--ref-tracking-25);
  --sys-display-large-font-family: var(--ref-font-family-base);
  --sys-display-large-font-weight: var(--ref-font-weight-bold);
  --sys-display-xlarge-size: var(--ref-font-size-90);
  --sys-display-xlarge-line-height: var(--ref-line-height-96);
  --sys-display-xlarge-font-family: var(--ref-font-family-base);
  --sys-display-xlarge-font-weight: var(--ref-font-weight-black);
  --sys-display-xlarge-tracking: var(--ref-tracking-25);
  --sys-print-bleed: var(--ref-print-bleed);
  --sys-print-safe-margin: var(--ref-print-safe-margin);
  --sys-elevation-level0: var(--ref-elevation-0);
  --sys-elevation-level1: var(--ref-elevation-1);
  --sys-elevation-level2: var(--ref-elevation-2);
  --sys-elevation-level3: var(--ref-elevation-3);
  --sys-icon-size-small: var(--ref-icon-size-16);
  --sys-icon-size-medium: var(--ref-icon-size-24);
  --sys-icon-size-large: var(--ref-icon-size-32);
  --sys-spacing-1: var(--ref-spacing-4);
  --sys-spacing-2: var(--ref-spacing-8);
  --sys-spacing-4: var(--ref-spacing-16);
  --sys-spacing-5: var(--ref-spacing-20);
  --sys-spacing-12: var(--ref-spacing-48);
  --sys-spacing-17: var(--ref-spacing-68);
  --sys-asset-brand-mark: var(--ref-asset-logo-bolbrac);
  --sys-asset-brand-mark-icon: var(--ref-asset-icono-bolbrac);

  /* Component Tokens (164) */
  --cmp-page-title-digital-size: var(--sys-display-small-size);
  --cmp-page-title-digital-line-height: var(--sys-display-small-line-height);
  --cmp-page-title-digital-font-family: var(--sys-display-small-font-family);
  --cmp-page-title-digital-font-weight: var(--sys-display-small-font-weight);
  --cmp-page-title-a4-vertical-size: var(--sys-headline-large-size);
  --cmp-page-title-a4-vertical-line-height: var(--sys-headline-large-line-height);
  --cmp-page-title-a4-vertical-font-family: var(--sys-headline-large-font-family);
  --cmp-page-title-a4-vertical-font-weight: var(--sys-headline-large-font-weight);
  --cmp-page-title-a4-vertical-color: var(--sys-color-primary);
  --cmp-page-title-presentation-size: var(--sys-headline-large-size);
  --cmp-page-title-presentation-line-height: var(--sys-headline-large-line-height);
  --cmp-page-title-presentation-font-family: var(--sys-headline-large-font-family);
  --cmp-page-title-presentation-font-weight: var(--sys-headline-large-font-weight);
  --cmp-page-title-presentation-color: var(--sys-color-primary);
  --cmp-page-text-subtitle-digital-size: var(--sys-body-xlarge-size);
  --cmp-page-text-subtitle-digital-line-height: var(--sys-body-xlarge-line-height);
  --cmp-page-text-subtitle-digital-font-family: var(--sys-body-xlarge-font-family);
  --cmp-page-text-subtitle-digital-font-weight: var(--sys-body-xlarge-font-weight);
  --cmp-page-text-subtitle-digital-color: var(--sys-color-text);
  --cmp-page-text-subtitle-a4-vertical-size: var(--sys-display-small-size);
  --cmp-page-text-subtitle-a4-vertical-line-height: var(--sys-display-small-line-height);
  --cmp-page-text-subtitle-a4-vertical-font-family: var(--sys-display-small-font-family);
  --cmp-page-text-subtitle-a4-vertical-font-weight: var(--sys-display-small-font-weight);
  --cmp-page-text-subtitle-a4-vertical-color: var(--sys-color-primary);
  --cmp-page-text-subtitle-presentation-size: var(--sys-headline-medium-size);
  --cmp-page-text-subtitle-presentation-line-height: var(--sys-headline-medium-line-height);
  --cmp-page-text-subtitle-presentation-font-family: var(--sys-headline-medium-font-family);
  --cmp-page-text-subtitle-presentation-font-weight: var(--sys-headline-medium-font-weight);
  --cmp-page-text-subtitle-presentation-color: var(--sys-color-text);
  --cmp-page-text-intro-digital-size: var(--sys-body-xlarge-size);
  --cmp-page-text-intro-digital-line-height: var(--sys-body-xlarge-line-height);
  --cmp-page-text-intro-digital-font-family: var(--sys-body-xlarge-font-family);
  --cmp-page-text-intro-digital-font-weight: var(--sys-body-xlarge-font-weight);
  --cmp-page-text-intro-digital-color: var(--sys-color-text);
  --cmp-page-text-intro-a4-vertical-size: var(--sys-title-large-size);
  --cmp-page-text-intro-a4-vertical-line-height: var(--sys-title-large-line-height);
  --cmp-page-text-intro-a4-vertical-font-family: var(--sys-title-large-font-family);
  --cmp-page-text-intro-a4-vertical-font-weight: var(--sys-title-large-font-weight);
  --cmp-page-text-intro-a4-vertical-color: var(--sys-color-primary-container);
  --cmp-page-text-intro-presentation-size: var(--sys-title-medium-size);
  --cmp-page-text-intro-presentation-line-height: var(--sys-title-medium-line-height);
  --cmp-page-text-intro-presentation-font-family: var(--sys-title-medium-font-family);
  --cmp-page-text-intro-presentation-font-weight: var(--sys-title-medium-font-weight);
  --cmp-page-text-intro-presentation-color: var(--sys-color-primary);
  --cmp-page-text-paragraph-digital-size: var(--sys-body-xlarge-size);
  --cmp-page-text-paragraph-digital-line-height: var(--sys-body-xlarge-line-height);
  --cmp-page-text-paragraph-digital-font-family: var(--sys-body-xlarge-font-family);
  --cmp-page-text-paragraph-digital-font-weight: var(--sys-body-xlarge-font-weight);
  --cmp-page-text-paragraph-digital-color: var(--sys-color-text);
  --cmp-page-text-paragraph-a4-vertical-size: var(--sys-body-large-size);
  --cmp-page-text-paragraph-a4-vertical-line-height: var(--sys-body-large-line-height);
  --cmp-page-text-paragraph-a4-vertical-font-family: var(--sys-body-large-font-family);
  --cmp-page-text-paragraph-a4-vertical-font-weight: var(--sys-body-large-font-weight);
  --cmp-page-text-paragraph-a4-vertical-color: var(--sys-color-text);
  --cmp-page-text-paragraph-presentation-size: var(--sys-body-large-size);
  --cmp-page-text-paragraph-presentation-line-height: var(--sys-body-large-line-height);
  --cmp-page-text-paragraph-presentation-font-family: var(--sys-body-large-font-family);
  --cmp-page-text-paragraph-presentation-font-weight: var(--sys-body-large-font-weight);
  --cmp-page-text-paragraph-presentation-color: var(--sys-color-text);
  --cmp-page-text-section-header-a4-vertical-h1-size: var(--sys-title-large-size);
  --cmp-page-text-section-header-a4-vertical-h2-size: var(--sys-title-medium-size);
  --cmp-page-text-section-header-a4-vertical-color: var(--sys-color-primary);
  --cmp-page-text-section-header-a4-vertical-font-family: var(--sys-title-large-font-family);
  --cmp-page-text-section-header-a4-vertical-font-weight: var(--sys-title-large-font-weight);
  --cmp-page-cover-presentation-background: var(--sys-color-primary);
  --cmp-page-cover-presentation-title-color: var(--sys-color-on-primary);
  --cmp-page-cover-presentation-logo-width: 40px;
  --cmp-page-sidebar-presentation-text-color: var(--sys-color-on-primary);
  --cmp-page-sidebar-presentation-width: var(--sys-sizing-panel-compact);
  --cmp-page-sidebar-presentation-height: var(--sys-sizing-canvas-presentation-height);
  --cmp-page-sidebar-presentation-padding: var(--sys-spacing-5);
  --cmp-page-sidebar-presentation-background: var(--sys-color-primary-container);
  --cmp-page-sidebar-presentation-icon-src: var(--ref-asset-icono-bolbrac);
  --cmp-page-sidebar-presentation-icon-color: var(--sys-color-on-primary);
  --cmp-page-sidebar-presentation-icon-size: var(--ref-icon-size-32);
  --cmp-page-toc-presentation-column-count: 2;
  --cmp-page-toc-presentation-category-size: var(--sys-title-medium-size);
  --cmp-page-toc-presentation-category-color: var(--sys-color-primary);
  --cmp-page-header-presentation-background: var(--sys-color-primary);
  --cmp-page-header-presentation-height: 24px;
  --cmp-page-header-presentation-logo-width: var(--ref-spacing-32);
  --cmp-page-header-presentation-width: 1324px;
  --cmp-page-header-a4-vertical-height: 32px;
  --cmp-page-footer-presentation-breadcrumb-size: var(--sys-label-small-size);
  --cmp-page-footer-presentation-breadcrumb-color: var(--sys-color-on-surface-variant);
  --cmp-page-footer-a4-vertical-height: 20px;
  --cmp-page-footer-a4-vertical-font-size: var(--sys-label-small-size);
  --cmp-page-footer-a4-vertical-color: var(--sys-color-on-surface-variant);
  --cmp-page-divider-presentation-height: var(--sys-sizing-stroke-thick);
  --cmp-page-divider-presentation-width: 1238px;
  --cmp-layout-digital-columns: 12;
  --cmp-layout-digital-margin: 32px;
  --cmp-layout-digital-gutter: 16px;
  --cmp-layout-a4-vertical-columns: 12;
  --cmp-layout-a4-vertical-margin: 32px;
  --cmp-layout-a4-vertical-gutter: 16px;
  --cmp-layout-presentation-columns: 12;
  --cmp-layout-presentation-margin: 64px;
  --cmp-layout-presentation-gutter: 32px;
  --cmp-layout-presentation-width: var(--sys-sizing-canvas-presentation-width);
  --cmp-layout-presentation-height: var(--sys-sizing-canvas-presentation-height);
  --cmp-layout-presentation-padding-top: 0;
  --cmp-layout-presentation-padding-bottom: 0;
  --cmp-layout-presentation-padding-left: 0;
  --cmp-layout-presentation-padding-right: var(--ref-spacing-16);
  --cmp-chip-presentation-background: var(--sys-color-primary-container);
  --cmp-chip-presentation-text: var(--sys-color-on-primary-container);
  --cmp-chip-presentation-radius: var(--sys-radius-small);
  --cmp-chip-presentation-padding-x: 16px;
  --cmp-chip-presentation-padding-y: 8px;
  --cmp-table-rating-presentation-dot-filled: var(--sys-color-primary);
  --cmp-table-rating-presentation-header-background: var(--sys-color-primary-container);
  --cmp-table-rating-presentation-header-text: var(--sys-color-on-primary);
  --cmp-table-rating-presentation-dot-empty: var(--sys-color-outline-outline-variant);
  --cmp-table-rating-presentation-dot-size: 10px;
  --cmp-table-cell-padding-x: var(--ref-spacing-4);
  --cmp-table-cell-padding-y: var(--ref-spacing-2);
  --cmp-table-cell-text-color: var(--ref-base-black);
  --cmp-table-cell-font-family: var(--ref-font-family-base);
  --cmp-table-header-background: var(--sys-color-primary);
  --cmp-table-header-text-color: var(--sys-color-on-primary);
  --cmp-table-row-background-default: var(--sys-color-inverse-on-surface);
  --cmp-table-row-background-alt: var(--sys-color-background-surface);
  --cmp-table-row-border-bottom-color: var(--sys-color-background-surface-variant);
  --cmp-table-row-border-bottom-thickness: var(--sys-sizing-stroke-thin);
  --cmp-table-container-background-default: var(--sys-color-inverse-on-surface);
  --cmp-table-container-background-alt: var(--sys-color-background-surface);
  --cmp-icon-label-grid-presentation-icon-box-size: 24px;
  --cmp-icon-label-grid-presentation-label-size: var(--sys-label-xsmall-size);
  --cmp-icon-label-grid-presentation-header-text: var(--sys-color-primary);
  --cmp-icon-label-grid-presentation-label-color: var(--sys-color-on-surface-variant);
  --cmp-diagram-box-presentation-width: 1324px;
  --cmp-diagram-box-presentation-height: 664px;
  --cmp-diagram-box-a4-vertical-border: var(--sys-color-outline-outline-variant);
  --cmp-diagram-box-a4-vertical-radius: var(--sys-radius-small);
  --cmp-diagram-box-a4-vertical-padding: 32px;
  --cmp-print-a4-vertical-bleed: var(--sys-print-bleed);
  --cmp-print-a4-vertical-safe-margin: var(--ref-print-safe-margin);
  --cmp-col-left-presentation-width: 632px;
  --cmp-col-left-presentation-height: 649px;
  --cmp-col-right-presentation-width: 632px;
  --cmp-col-right-presentation-height: 649px;
  --cmp-main-presentation-gap: var(--sys-spacing-2);
  --cmp-main-presentation-padding-top: var(--sys-spacing-12);
  --cmp-main-presentation-padding-bottom: var(--sys-spacing-17);
  --cmp-main-presentation-padding-left: var(--sys-spacing-17);
  --cmp-main-presentation-padding-right: 0;
  --cmp-header-presentation-height: var(--sys-sizing-topbar-compact);
  --cmp-divider-presentation-thickness: var(--sys-sizing-stroke-thick);
  --cmp-media-primary-presentation-width: var(--sys-sizing-media-primary-width);
  --cmp-media-primary-presentation-height: var(--sys-sizing-media-primary-height);
  --cmp-media-secondary-presentation-width: var(--sys-sizing-media-secondary-width);
  --cmp-media-secondary-presentation-height: var(--sys-sizing-media-secondary-height);
  --cmp-media-secondary-presentation-caption-padding: var(--ref-spacing-2);
  --cmp-media-secondary-presentation-caption-font-size: var(--sys-label-small-size);
  --cmp-media-secondary-presentation-caption-background: var(--sys-color-secondary-container);
  --cmp-media-secondary-presentation-caption-color: var(--sys-color-on-secondary);
  --cmp-media-secondary-presentation-caption-font-family: var(--ref-font-family-base);
  --cmp-media-secondary-presentation-caption-font-weight: var(--ref-font-weight-bold);
  --cmp-badge-presentation-radius: var(--ref-radio-999);
  --cmp-badge-presentation-padding: var(--sys-spacing-1);
  --cmp-badge-presentation-text-font-size: var(--sys-label-small-size);
  --cmp-badge-presentation-text-font-weight: var(--sys-label-small-size);
  --cmp-badge-presentation-text-font-size-3: var(--sys-label-small-size);
}