/* Copied by tools/sync-theme.mjs from nuon-apps 2faa6cb5, packages/nuon-theme/dist/nuon-theme.css */
/* NUON theme · GENERATED by packages/nuon-theme/build.py from tokens/figma-variables.json
   (Figma «Nuon Design System», WauIU8yTdB8d10uT810Zdy). Do not edit: change Figma, export, rebuild.
   Rules: DESIGN.md and docs/plataforma/tema-nuon.md. */

@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/bebas-neue-400.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-400.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/montserrat-500.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/montserrat-600.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-700.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/montserrat-800.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-300.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-600.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-700.woff2") format("woff2");
}

/* Default mode: light. Switch with data-theme on the root or on any element. */
:where(:root) {
  /* primitives · constant on screen */
  --nuon-cian: #76d6ff; /* Espectro de marca/Cian */
  --nuon-azul: #0096ff; /* Espectro de marca/Azul */
  --nuon-indigo: #7a81ff; /* Espectro de marca/Indigo */
  --nuon-magenta: #d883ff; /* Espectro de marca/Magenta */
  --nuon-rosa: #fdbfe8; /* Espectro de marca/Rosa */
  --ink-0: #ffffff; /* Escala ink/0 */
  --ink-50: #eef2f8; /* Escala ink/50 */
  --ink-100: #dde5ef; /* Escala ink/100 */
  --ink-150: #cdd6e6; /* Escala ink/150 */
  --ink-200: #b8c4d8; /* Escala ink/200 */
  --ink-300: #94a3bd; /* Escala ink/300 */
  --ink-400: #6b7a96; /* Escala ink/400 */
  --ink-500: #54637f; /* Escala ink/500 */
  --ink-600: #3d4e6b; /* Escala ink/600 */
  --ink-700: #2a3856; /* Escala ink/700 */
  --ink-800: #1a2340; /* Escala ink/800 */
  --ink-900: #0d1428; /* Escala ink/900 */
  /* dimensions */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 56px;
  --sp-10: 80px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --border-width: 1px;
  --border-accent-width: 1.5px;
  --border-focus-width: 2px;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --bp-xs: 359px;
  --bp-sm: 560px;
  --bp-md: 700px;
  --bp-lg: 900px;
  --bp-xl: 1000px;
  --bp-nav: 1260px;
  --font-display: "Bebas Neue", Impact, sans-serif;
  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Menlo, ui-monospace, monospace;
  /* gradient, motion, effects, type */
  --nuon-gradient: linear-gradient(90deg, #76d6ff 0%, #0096ff 25%, #7a81ff 50%, #d883ff 75%, #fdbfe8 100%);
  --nuon-gradient-vertical: linear-gradient(180deg, #76d6ff 0%, #0096ff 25%, #7a81ff 50%, #d883ff 75%, #fdbfe8 100%);
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --shadow-card: inset 0 1px 0 var(--shadow-highlight), 0 2px 4px var(--shadow-contact), 0 8px 24px -12px var(--shadow-ambient);
  --shadow-elevated: 0 2px 4px var(--shadow-contact), 0 16px 40px -12px var(--shadow-ambient);
  --shadow-sticker: 0 2px 3px var(--shadow-sticker-contact), 4px 8px 14px -2px var(--shadow-sticker-ambient);
  --focus-ring: 0 0 0 2px var(--bg-page), 0 0 0 4px var(--border-focus);
  --fs-display-xl: 240px;
  --fs-display-l: 120px;
  --fs-display-m: 64px;
  --fs-display-s: 48px;
  --fs-display-xs: 40px;
  --ls-display: -0.01em;
  --fs-h1: 56px;
  --lh-h1: 70px;
  --fs-h2: 44px;
  --lh-h2: 52px;
  --fs-h3: 32px;
  --lh-h3: 40px;
  --fs-h4: 24px;
  --lh-h4: 31px;
  --fs-h5: 20px;
  --lh-h5: 26px;
  --fs-h6: 16px;
  --lh-h6: 22px;
  --fs-h7: 14px;
  --lh-h7: 20px;
  --ls-heading: 0.03em;
  --fs-body-lg: 22px;
  --fs-body: 17px;
  --lh-body: 24px;
  --fs-body-sm: 14px;
  --lh-body-sm: 20px;
  --fs-caption: 12px;
  --lh-caption: 16px;
  --fs-mono-label: 16px;
  --fs-mono-meta: 14px;
  --fs-mono-code: 13px;
  --fs-overline: 11px;
  --ls-overline: 0.14em;
  --ls-mono: 0.04em;
  /* compatibility aliases (website, v2.0 apps, nuon-data/ui) */
  --nuon-cian-light: var(--nuon-cian);
  --nuon-indigo-light: var(--nuon-indigo);
  --bg-input: var(--bg-elevated);
  --fg-on-brand: var(--text-on-action);
  --border-1: var(--border-decorative);
  --divider: var(--border-decorative);
  --brand-primary: var(--nuon-azul);
  --brand-accent: var(--nuon-magenta);
  --blueprint-dark: #0f1a3a;
  --blueprint-grid-step: 32px;
  --blueprint-grid-major-step: 160px;
  --fs-display: var(--fs-display-l);
  --fs-overline-ls: var(--ls-overline);
  --chart-1: var(--chart-series-1);
  --chart-2: var(--chart-series-2);
  --chart-3: var(--chart-series-3);
  --chart-4: var(--chart-series-4);
  --chart-5: var(--chart-series-5);
  --chart-otros: var(--chart-other);
  --chart-eje-x: var(--chart-axis);
  --chart-nombre-eje: var(--chart-axis-title);
  --seq-1: var(--chart-heat-seq-1);
  --seq-2: var(--chart-heat-seq-2);
  --seq-3: var(--chart-heat-seq-3);
  --seq-4: var(--chart-heat-seq-4);
  --seq-5: var(--chart-heat-seq-5);
  --seq-6: var(--chart-heat-seq-5);
  --div-frio-2: var(--chart-heat-div-a2);
  --div-frio-1: var(--chart-heat-div-a1);
  --div-centro: var(--chart-heat-div-centro);
  --div-calido-1: var(--chart-heat-div-b1);
  --div-calido-2: var(--chart-heat-div-b2);
  /* semantic · light */
  --info: #0096ff; /* Semanticos-Acción/Info */
  --success: #12c4bb; /* Semanticos-Acción/Success */
  --warning: #f7b32b; /* Semanticos-Acción/Warning */
  --danger: #ff5c7a; /* Semanticos-Acción/Danger */
  --success-text: #258471; /* Semanticos-Texto/Success */
  --warning-text: #957027; /* Semanticos-Texto/Warning */
  --danger-text: #df294a; /* Semanticos-Texto/Danger */
  --info-bg: #0096ff1a; /* Semanticos-Fondo/Info */
  --success-bg: #12c4bb1f; /* Semanticos-Fondo/Success */
  --warning-bg: #f7b32b24; /* Semanticos-Fondo/Warning */
  --danger-bg: #ff5c7a1f; /* Semanticos-Fondo/Danger */
  --bg-page: #ffffff; /* Fondo */
  --bg-elevated: #ffffff; /* Superficie/Elevada */
  --transparent: #ffffff00; /* Superficie/Transparente */
  --grid-minor: #e8eff6; /* Grid interno */
  --grid-major: #d6dee9; /* Grid sólido */
  --fg-1: #1a2340; /* Texto/Primario */
  --fg-2: #3d4e6b; /* Texto/Secundario */
  --fg-3: #586888; /* Texto/Terciario */
  --text-accent: #0096ff; /* Texto/Acento */
  --text-action: #5f64c7; /* Texto/Acción */
  --text-on-action: #ffffff; /* Texto/Sobre acción */
  --action-primary: #7a81ff; /* Acción/Primario */
  --action-primary-hover: #6e74e6; /* Acción/Primario hover */
  --action-primary-pressed: #6267cc; /* Acción/Primario presionado */
  --action-soft: #7a81ff1a; /* Acción/Fondo suave */
  --action-confirm: #12c4bb; /* Acción/Confirmar */
  --action-cancel: #ff5c7a; /* Acción/Cancelar */
  --border-decorative: #b8c4d8; /* Bordes/Decorativo */
  --border-control: #6b7a96; /* Bordes/Control */
  --border-control-hover: #3d4e6b; /* Bordes/Control hover */
  --border-action: #7a81ff; /* Bordes/Acción */
  --border-focus: #0096ff; /* Bordes/Foco */
  --border-card: #ffffff00; /* Bordes/Tarjeta */
  --card-accent: #76d6ff; /* Acento/Tarjeta */
  --shadow-contact: #0d142814; /* Sombra/Contacto */
  --shadow-ambient: #0d142826; /* Sombra/Ambiente */
  --shadow-highlight: #ffffff00; /* Sombra/Luz superior */
  --shadow-sticker-contact: #0d1b4b1a; /* Sombra/Sticker contacto */
  --shadow-sticker-ambient: #0d1b4b33; /* Sombra/Sticker ambiente */
  --chart-series-1: #0096ff; /* Gráficas/Serie 1 */
  --chart-series-2: #2941e2; /* Gráficas/Serie 2 */
  --chart-series-3: #7471f9; /* Gráficas/Serie 3 */
  --chart-series-4: #8151e8; /* Gráficas/Serie 4 */
  --chart-series-5: #c670ec; /* Gráficas/Serie 5 */
  --chart-other: #5c6068; /* Gráficas/Otros */
  --chart-axis: #dde5ef; /* Gráficas/Eje X */
  --chart-grid: #eef2f8; /* Gráficas/Rejilla */
  --chart-tick: #6b7a96; /* Gráficas/Ticks */
  --chart-axis-title: #0096ff; /* Gráficas/Nombre de eje */
  --chart-heat-seq-1: #e5f2fd; /* Gráficas/Calor/Secuencial 1 */
  --chart-heat-seq-2: #b8dbf9; /* Gráficas/Calor/Secuencial 2 */
  --chart-heat-seq-3: #85c2f4; /* Gráficas/Calor/Secuencial 3 */
  --chart-heat-seq-4: #47a4ee; /* Gráficas/Calor/Secuencial 4 */
  --chart-heat-seq-5: #0080e8; /* Gráficas/Calor/Secuencial 5 */
  --chart-heat-div-a2: #0096ff; /* Gráficas/Calor/Divergente A2 */
  --chart-heat-div-a1: #9dc9f7; /* Gráficas/Calor/Divergente A1 */
  --chart-heat-div-centro: #e5e6e7; /* Gráficas/Calor/Divergente Centro */
  --chart-heat-div-b1: #d7b5e9; /* Gráficas/Calor/Divergente B1 */
  --chart-heat-div-b2: #be65e6; /* Gráficas/Calor/Divergente B2 */
  --chart-blue-emphasis: #0096ff; /* Gráficas Esquemas/Azul/Énfasis */
  --chart-blue-emphasis-text: #0096ff; /* Gráficas Esquemas/Azul/Cifra */
  --chart-blue-base: #dee0ff; /* Gráficas Esquemas/Azul/Base */
  --chart-blue-second: #d883ff; /* Gráficas Esquemas/Azul/2º énfasis */
  --chart-blue-second-text: #c275e4; /* Gráficas Esquemas/Azul/2º cifra */
  --chart-magenta-emphasis: #d883ff; /* Gráficas Esquemas/Magenta/Énfasis */
  --chart-magenta-emphasis-text: #c275e4; /* Gráficas Esquemas/Magenta/Cifra */
  --chart-magenta-base: #dee0ff; /* Gráficas Esquemas/Magenta/Base */
  --chart-magenta-second: #0096ff; /* Gráficas Esquemas/Magenta/2º énfasis */
  --chart-magenta-second-text: #0096ff; /* Gráficas Esquemas/Magenta/2º cifra */
  --chart-indigo-emphasis: #7a81ff; /* Gráficas Esquemas/Índigo/Énfasis */
  --chart-indigo-emphasis-text: #7a81ff; /* Gráficas Esquemas/Índigo/Cifra */
  --chart-indigo-base: #dee0ff; /* Gráficas Esquemas/Índigo/Base */
  --chart-indigo-second: #4c51a0; /* Gráficas Esquemas/Índigo/2º énfasis */
  --chart-indigo-second-text: #4c51a0; /* Gráficas Esquemas/Índigo/2º cifra */
  --chart-scheme-neutral: #b8c4d8; /* Gráficas Esquemas/Neutro */
  --brand-mono-label: var(--text-accent);
  --bg-panel: var(--ink-50);
  --border-2: var(--ink-100);
  --chart-neutral: var(--chart-scheme-neutral);
  --chart-emphasis: var(--chart-blue-emphasis);
  --chart-emphasis-text: var(--chart-blue-emphasis-text);
  --chart-base: var(--chart-blue-base);
  --chart-second: var(--chart-blue-second);
  --chart-second-text: var(--chart-blue-second-text);
}
[data-theme="dark"] {
  --info: #0096ff; /* Semanticos-Acción/Info */
  --success: #12c4bb; /* Semanticos-Acción/Success */
  --warning: #f7b32b; /* Semanticos-Acción/Warning */
  --danger: #ff5c7a; /* Semanticos-Acción/Danger */
  --success-text: #12c4bb; /* Semanticos-Texto/Success */
  --warning-text: #ffd88a; /* Semanticos-Texto/Warning */
  --danger-text: #ff5c7a; /* Semanticos-Texto/Danger */
  --info-bg: #0096ff29; /* Semanticos-Fondo/Info */
  --success-bg: #12c4bb2e; /* Semanticos-Fondo/Success */
  --warning-bg: #3a2c0a; /* Semanticos-Fondo/Warning */
  --danger-bg: #ff5c7a2e; /* Semanticos-Fondo/Danger */
  --bg-page: #0f1a3a; /* Fondo */
  --bg-elevated: #1a2e6b8c; /* Superficie/Elevada */
  --transparent: #ffffff00; /* Superficie/Transparente */
  --grid-minor: #13224e; /* Grid interno */
  --grid-major: #1d2e54; /* Grid sólido */
  --fg-1: #eef2f8; /* Texto/Primario */
  --fg-2: #b8c4d8; /* Texto/Secundario */
  --fg-3: #9aa5bc; /* Texto/Terciario */
  --text-accent: #0699ff; /* Texto/Acento */
  --text-action: #7a81ff; /* Texto/Acción */
  --text-on-action: #ffffff; /* Texto/Sobre acción */
  --action-primary: #7a81ff; /* Acción/Primario */
  --action-primary-hover: #6e74e6; /* Acción/Primario hover */
  --action-primary-pressed: #6267cc; /* Acción/Primario presionado */
  --action-soft: #7a81ff29; /* Acción/Fondo suave */
  --action-confirm: #12c4bb; /* Acción/Confirmar */
  --action-cancel: #ff5c7a; /* Acción/Cancelar */
  --border-decorative: #7ab1ff2e; /* Bordes/Decorativo */
  --border-control: #94a3bd; /* Bordes/Control */
  --border-control-hover: #b8c4d8; /* Bordes/Control hover */
  --border-action: #7a81ff; /* Bordes/Acción */
  --border-focus: #0096ff; /* Bordes/Foco */
  --border-card: #7ab1ff2e; /* Bordes/Tarjeta */
  --card-accent: #76d6ff; /* Acento/Tarjeta */
  --shadow-contact: #0000004d; /* Sombra/Contacto */
  --shadow-ambient: #00000073; /* Sombra/Ambiente */
  --shadow-highlight: #ffffff0f; /* Sombra/Luz superior */
  --shadow-sticker-contact: #0d1b4b1a; /* Sombra/Sticker contacto */
  --shadow-sticker-ambient: #0d1b4b33; /* Sombra/Sticker ambiente */
  --chart-series-1: #0096ff; /* Gráficas/Serie 1 */
  --chart-series-2: #93b1ff; /* Gráficas/Serie 2 */
  --chart-series-3: #7471f9; /* Gráficas/Serie 3 */
  --chart-series-4: #8247ff; /* Gráficas/Serie 4 */
  --chart-series-5: #d883ff; /* Gráficas/Serie 5 */
  --chart-other: #7d8087; /* Gráficas/Otros */
  --chart-axis: #25407c; /* Gráficas/Eje X */
  --chart-grid: #182a5d; /* Gráficas/Rejilla */
  --chart-tick: #8d99b4; /* Gráficas/Ticks */
  --chart-axis-title: #76d6ff; /* Gráficas/Nombre de eje */
  --chart-heat-seq-1: #132f65; /* Gráficas/Calor/Secuencial 1 */
  --chart-heat-seq-2: #0f4181; /* Gráficas/Calor/Secuencial 2 */
  --chart-heat-seq-3: #0b55a0; /* Gráficas/Calor/Secuencial 3 */
  --chart-heat-seq-4: #066ec5; /* Gráficas/Calor/Secuencial 4 */
  --chart-heat-seq-5: #008af1; /* Gráficas/Calor/Secuencial 5 */
  --chart-heat-div-a2: #50aaff; /* Gráficas/Calor/Divergente A2 */
  --chart-heat-div-a1: #285e90; /* Gráficas/Calor/Divergente A1 */
  --chart-heat-div-centro: #28355e; /* Gráficas/Calor/Divergente Centro */
  --chart-heat-div-b1: #6f4882; /* Gráficas/Calor/Divergente B1 */
  --chart-heat-div-b2: #cb80ee; /* Gráficas/Calor/Divergente B2 */
  --chart-blue-emphasis: #0096ff; /* Gráficas Esquemas/Azul/Énfasis */
  --chart-blue-emphasis-text: #0096ff; /* Gráficas Esquemas/Azul/Cifra */
  --chart-blue-base: #2f3975; /* Gráficas Esquemas/Azul/Base */
  --chart-blue-second: #d883ff; /* Gráficas Esquemas/Azul/2º énfasis */
  --chart-blue-second-text: #d883ff; /* Gráficas Esquemas/Azul/2º cifra */
  --chart-magenta-emphasis: #d883ff; /* Gráficas Esquemas/Magenta/Énfasis */
  --chart-magenta-emphasis-text: #d883ff; /* Gráficas Esquemas/Magenta/Cifra */
  --chart-magenta-base: #2f3975; /* Gráficas Esquemas/Magenta/Base */
  --chart-magenta-second: #0096ff; /* Gráficas Esquemas/Magenta/2º énfasis */
  --chart-magenta-second-text: #0096ff; /* Gráficas Esquemas/Magenta/2º cifra */
  --chart-indigo-emphasis: #7a81ff; /* Gráficas Esquemas/Índigo/Énfasis */
  --chart-indigo-emphasis-text: #7a81ff; /* Gráficas Esquemas/Índigo/Cifra */
  --chart-indigo-base: #2f3975; /* Gráficas Esquemas/Índigo/Base */
  --chart-indigo-second: #b8bcff; /* Gráficas Esquemas/Índigo/2º énfasis */
  --chart-indigo-second-text: #b8bcff; /* Gráficas Esquemas/Índigo/2º cifra */
  --chart-scheme-neutral: #3d4e6b; /* Gráficas Esquemas/Neutro */
  --brand-mono-label: var(--nuon-cian);
  --bg-panel: var(--bg-elevated);
  --border-2: var(--border-decorative);
}
[data-theme="light"] {
  --info: #0096ff; /* Semanticos-Acción/Info */
  --success: #12c4bb; /* Semanticos-Acción/Success */
  --warning: #f7b32b; /* Semanticos-Acción/Warning */
  --danger: #ff5c7a; /* Semanticos-Acción/Danger */
  --success-text: #258471; /* Semanticos-Texto/Success */
  --warning-text: #957027; /* Semanticos-Texto/Warning */
  --danger-text: #df294a; /* Semanticos-Texto/Danger */
  --info-bg: #0096ff1a; /* Semanticos-Fondo/Info */
  --success-bg: #12c4bb1f; /* Semanticos-Fondo/Success */
  --warning-bg: #f7b32b24; /* Semanticos-Fondo/Warning */
  --danger-bg: #ff5c7a1f; /* Semanticos-Fondo/Danger */
  --bg-page: #ffffff; /* Fondo */
  --bg-elevated: #ffffff; /* Superficie/Elevada */
  --transparent: #ffffff00; /* Superficie/Transparente */
  --grid-minor: #e8eff6; /* Grid interno */
  --grid-major: #d6dee9; /* Grid sólido */
  --fg-1: #1a2340; /* Texto/Primario */
  --fg-2: #3d4e6b; /* Texto/Secundario */
  --fg-3: #586888; /* Texto/Terciario */
  --text-accent: #0096ff; /* Texto/Acento */
  --text-action: #5f64c7; /* Texto/Acción */
  --text-on-action: #ffffff; /* Texto/Sobre acción */
  --action-primary: #7a81ff; /* Acción/Primario */
  --action-primary-hover: #6e74e6; /* Acción/Primario hover */
  --action-primary-pressed: #6267cc; /* Acción/Primario presionado */
  --action-soft: #7a81ff1a; /* Acción/Fondo suave */
  --action-confirm: #12c4bb; /* Acción/Confirmar */
  --action-cancel: #ff5c7a; /* Acción/Cancelar */
  --border-decorative: #b8c4d8; /* Bordes/Decorativo */
  --border-control: #6b7a96; /* Bordes/Control */
  --border-control-hover: #3d4e6b; /* Bordes/Control hover */
  --border-action: #7a81ff; /* Bordes/Acción */
  --border-focus: #0096ff; /* Bordes/Foco */
  --border-card: #ffffff00; /* Bordes/Tarjeta */
  --card-accent: #76d6ff; /* Acento/Tarjeta */
  --shadow-contact: #0d142814; /* Sombra/Contacto */
  --shadow-ambient: #0d142826; /* Sombra/Ambiente */
  --shadow-highlight: #ffffff00; /* Sombra/Luz superior */
  --shadow-sticker-contact: #0d1b4b1a; /* Sombra/Sticker contacto */
  --shadow-sticker-ambient: #0d1b4b33; /* Sombra/Sticker ambiente */
  --chart-series-1: #0096ff; /* Gráficas/Serie 1 */
  --chart-series-2: #2941e2; /* Gráficas/Serie 2 */
  --chart-series-3: #7471f9; /* Gráficas/Serie 3 */
  --chart-series-4: #8151e8; /* Gráficas/Serie 4 */
  --chart-series-5: #c670ec; /* Gráficas/Serie 5 */
  --chart-other: #5c6068; /* Gráficas/Otros */
  --chart-axis: #dde5ef; /* Gráficas/Eje X */
  --chart-grid: #eef2f8; /* Gráficas/Rejilla */
  --chart-tick: #6b7a96; /* Gráficas/Ticks */
  --chart-axis-title: #0096ff; /* Gráficas/Nombre de eje */
  --chart-heat-seq-1: #e5f2fd; /* Gráficas/Calor/Secuencial 1 */
  --chart-heat-seq-2: #b8dbf9; /* Gráficas/Calor/Secuencial 2 */
  --chart-heat-seq-3: #85c2f4; /* Gráficas/Calor/Secuencial 3 */
  --chart-heat-seq-4: #47a4ee; /* Gráficas/Calor/Secuencial 4 */
  --chart-heat-seq-5: #0080e8; /* Gráficas/Calor/Secuencial 5 */
  --chart-heat-div-a2: #0096ff; /* Gráficas/Calor/Divergente A2 */
  --chart-heat-div-a1: #9dc9f7; /* Gráficas/Calor/Divergente A1 */
  --chart-heat-div-centro: #e5e6e7; /* Gráficas/Calor/Divergente Centro */
  --chart-heat-div-b1: #d7b5e9; /* Gráficas/Calor/Divergente B1 */
  --chart-heat-div-b2: #be65e6; /* Gráficas/Calor/Divergente B2 */
  --chart-blue-emphasis: #0096ff; /* Gráficas Esquemas/Azul/Énfasis */
  --chart-blue-emphasis-text: #0096ff; /* Gráficas Esquemas/Azul/Cifra */
  --chart-blue-base: #dee0ff; /* Gráficas Esquemas/Azul/Base */
  --chart-blue-second: #d883ff; /* Gráficas Esquemas/Azul/2º énfasis */
  --chart-blue-second-text: #c275e4; /* Gráficas Esquemas/Azul/2º cifra */
  --chart-magenta-emphasis: #d883ff; /* Gráficas Esquemas/Magenta/Énfasis */
  --chart-magenta-emphasis-text: #c275e4; /* Gráficas Esquemas/Magenta/Cifra */
  --chart-magenta-base: #dee0ff; /* Gráficas Esquemas/Magenta/Base */
  --chart-magenta-second: #0096ff; /* Gráficas Esquemas/Magenta/2º énfasis */
  --chart-magenta-second-text: #0096ff; /* Gráficas Esquemas/Magenta/2º cifra */
  --chart-indigo-emphasis: #7a81ff; /* Gráficas Esquemas/Índigo/Énfasis */
  --chart-indigo-emphasis-text: #7a81ff; /* Gráficas Esquemas/Índigo/Cifra */
  --chart-indigo-base: #dee0ff; /* Gráficas Esquemas/Índigo/Base */
  --chart-indigo-second: #4c51a0; /* Gráficas Esquemas/Índigo/2º énfasis */
  --chart-indigo-second-text: #4c51a0; /* Gráficas Esquemas/Índigo/2º cifra */
  --chart-scheme-neutral: #b8c4d8; /* Gráficas Esquemas/Neutro */
  --brand-mono-label: var(--text-accent);
  --bg-panel: var(--ink-50);
  --border-2: var(--ink-100);
}
/* Alto Contraste: text and actions at 7:1 or more. */
[data-contrast="high"] {
  --info: #005b9b; /* Semanticos-Acción/Info */
  --success: #09645f; /* Semanticos-Acción/Success */
  --warning: #775104; /* Semanticos-Acción/Warning */
  --danger: #b50021; /* Semanticos-Acción/Danger */
  --success-text: #09645f; /* Semanticos-Texto/Success */
  --warning-text: #775104; /* Semanticos-Texto/Warning */
  --danger-text: #b50021; /* Semanticos-Texto/Danger */
  --info-bg: #ffffff; /* Semanticos-Fondo/Info */
  --success-bg: #ffffff; /* Semanticos-Fondo/Success */
  --warning-bg: #ffffff; /* Semanticos-Fondo/Warning */
  --danger-bg: #ffffff; /* Semanticos-Fondo/Danger */
  --bg-page: #ffffff; /* Fondo */
  --bg-elevated: #ffffff; /* Superficie/Elevada */
  --transparent: #ffffff00; /* Superficie/Transparente */
  --grid-minor: #e8eff6; /* Grid interno */
  --grid-major: #d6dee9; /* Grid sólido */
  --fg-1: #1a2340; /* Texto/Primario */
  --fg-2: #3d4e6b; /* Texto/Secundario */
  --fg-3: #3d4e6b; /* Texto/Terciario */
  --text-accent: #005b9b; /* Texto/Acento */
  --text-action: #4c51a0; /* Texto/Acción */
  --text-on-action: #ffffff; /* Texto/Sobre acción */
  --action-primary: #4c51a0; /* Acción/Primario */
  --action-primary-hover: #424689; /* Acción/Primario hover */
  --action-primary-pressed: #393c77; /* Acción/Primario presionado */
  --action-soft: #ffffff; /* Acción/Fondo suave */
  --action-confirm: #09645f; /* Acción/Confirmar */
  --action-cancel: #b50021; /* Acción/Cancelar */
  --border-decorative: #3d4e6b; /* Bordes/Decorativo */
  --border-control: #3d4e6b; /* Bordes/Control */
  --border-control-hover: #1a2340; /* Bordes/Control hover */
  --border-action: #4c51a0; /* Bordes/Acción */
  --border-focus: #005b9b; /* Bordes/Foco */
  --border-card: #3d4e6b; /* Bordes/Tarjeta */
  --card-accent: #005f87; /* Acento/Tarjeta */
  --shadow-contact: #0d142814; /* Sombra/Contacto */
  --shadow-ambient: #0d142826; /* Sombra/Ambiente */
  --shadow-highlight: #ffffff00; /* Sombra/Luz superior */
  --shadow-sticker-contact: #0d1b4b1a; /* Sombra/Sticker contacto */
  --shadow-sticker-ambient: #0d1b4b33; /* Sombra/Sticker ambiente */
  --chart-series-1: #005b9b; /* Gráficas/Serie 1 */
  --chart-series-2: #0719b4; /* Gráficas/Serie 2 */
  --chart-series-3: #414064; /* Gráficas/Serie 3 */
  --chart-series-4: #882bed; /* Gráficas/Serie 4 */
  --chart-series-5: #400057; /* Gráficas/Serie 5 */
  --chart-other: #5c6068; /* Gráficas/Otros */
  --chart-axis: #3d4e6b; /* Gráficas/Eje X */
  --chart-grid: #b8c4d8; /* Gráficas/Rejilla */
  --chart-tick: #3d4e6b; /* Gráficas/Ticks */
  --chart-axis-title: #005b9b; /* Gráficas/Nombre de eje */
  --chart-heat-seq-1: #e5f2fd; /* Gráficas/Calor/Secuencial 1 */
  --chart-heat-seq-2: #b8dbf9; /* Gráficas/Calor/Secuencial 2 */
  --chart-heat-seq-3: #85c2f4; /* Gráficas/Calor/Secuencial 3 */
  --chart-heat-seq-4: #47a4ee; /* Gráficas/Calor/Secuencial 4 */
  --chart-heat-seq-5: #0080e8; /* Gráficas/Calor/Secuencial 5 */
  --chart-heat-div-a2: #138bb3; /* Gráficas/Calor/Divergente A2 */
  --chart-heat-div-a1: #95cbdd; /* Gráficas/Calor/Divergente A1 */
  --chart-heat-div-centro: #dedfe1; /* Gráficas/Calor/Divergente Centro */
  --chart-heat-div-b1: #c098d0; /* Gráficas/Calor/Divergente B1 */
  --chart-heat-div-b2: #741a96; /* Gráficas/Calor/Divergente B2 */
  --chart-blue-emphasis: #005b9b; /* Gráficas Esquemas/Azul/Énfasis */
  --chart-blue-emphasis-text: #005b9b; /* Gráficas Esquemas/Azul/Cifra */
  --chart-blue-base: #cacdff; /* Gráficas Esquemas/Azul/Base */
  --chart-blue-second: #9a5eb6; /* Gráficas Esquemas/Azul/2º énfasis */
  --chart-blue-second-text: #9a5eb6; /* Gráficas Esquemas/Azul/2º cifra */
  --chart-magenta-emphasis: #9a5eb6; /* Gráficas Esquemas/Magenta/Énfasis */
  --chart-magenta-emphasis-text: #9a5eb6; /* Gráficas Esquemas/Magenta/Cifra */
  --chart-magenta-base: #cacdff; /* Gráficas Esquemas/Magenta/Base */
  --chart-magenta-second: #005b9b; /* Gráficas Esquemas/Magenta/2º énfasis */
  --chart-magenta-second-text: #005b9b; /* Gráficas Esquemas/Magenta/2º cifra */
  --chart-indigo-emphasis: #4c51a0; /* Gráficas Esquemas/Índigo/Énfasis */
  --chart-indigo-emphasis-text: #4c51a0; /* Gráficas Esquemas/Índigo/Cifra */
  --chart-indigo-base: #cacdff; /* Gráficas Esquemas/Índigo/Base */
  --chart-indigo-second: #2e3166; /* Gráficas Esquemas/Índigo/2º énfasis */
  --chart-indigo-second-text: #2e3166; /* Gráficas Esquemas/Índigo/2º cifra */
  --chart-scheme-neutral: #6b7a96; /* Gráficas Esquemas/Neutro */
  --brand-mono-label: var(--text-accent);
  --bg-panel: var(--ink-50);
  --border-2: var(--ink-100);
}
/* Print (D38): greyscale, one ink. Any data-print subtree, and paper unless
   the page opts out with data-print="off" (a designed PDF). */
[data-print]:not([data-print="off"]) {
  --info: #939393; /* Semanticos-Acción/Info */
  --success: #b0b0b0; /* Semanticos-Acción/Success */
  --warning: #bfbfbf; /* Semanticos-Acción/Warning */
  --danger: #969696; /* Semanticos-Acción/Danger */
  --success-text: #898989; /* Semanticos-Texto/Success */
  --warning-text: #8c8c8c; /* Semanticos-Texto/Warning */
  --danger-text: #757575; /* Semanticos-Texto/Danger */
  --info-bg: #f2f2f2; /* Semanticos-Fondo/Info */
  --success-bg: #f3f3f3; /* Semanticos-Fondo/Success */
  --warning-bg: #f5f5f5; /* Semanticos-Fondo/Warning */
  --danger-bg: #f0f0f0; /* Semanticos-Fondo/Danger */
  --bg-page: #ffffff; /* Fondo */
  --bg-elevated: #ffffff; /* Superficie/Elevada */
  --transparent: #ffffff00; /* Superficie/Transparente */
  --grid-minor: #eeeeee; /* Grid interno */
  --grid-major: #dddddd; /* Grid sólido */
  --fg-1: #242424; /* Texto/Primario */
  --fg-2: #4d4d4d; /* Texto/Secundario */
  --fg-3: #686868; /* Texto/Terciario */
  --text-accent: #939393; /* Texto/Acento */
  --text-action: #4d4d4d; /* Texto/Acción */
  --text-on-action: #ffffff; /* Texto/Sobre acción */
  --action-primary: #8e8e8e; /* Acción/Primario */
  --action-primary-hover: #808080; /* Acción/Primario hover */
  --action-primary-pressed: #717171; /* Acción/Primario presionado */
  --action-soft: #f2f2f2; /* Acción/Fondo suave */
  --action-confirm: #b0b0b0; /* Acción/Confirmar */
  --action-cancel: #969696; /* Acción/Cancelar */
  --border-decorative: #c3c3c3; /* Bordes/Decorativo */
  --border-control: #797979; /* Bordes/Control */
  --border-control-hover: #4d4d4d; /* Bordes/Control hover */
  --border-action: #4d4d4d; /* Bordes/Acción */
  --border-focus: #000000; /* Bordes/Foco */
  --border-card: #ffffff00; /* Bordes/Tarjeta */
  --card-accent: #000000; /* Acento/Tarjeta */
  --shadow-contact: #0000000f; /* Sombra/Contacto */
  --shadow-ambient: #0000001f; /* Sombra/Ambiente */
  --shadow-highlight: #ffffff00; /* Sombra/Luz superior */
  --shadow-sticker-contact: #0000001a; /* Sombra/Sticker contacto */
  --shadow-sticker-ambient: #00000033; /* Sombra/Sticker ambiente */
  --chart-series-1: #000000; /* Gráficas/Serie 1 */
  --chart-series-2: #595959; /* Gráficas/Serie 2 */
  --chart-series-3: #8c8c8c; /* Gráficas/Serie 3 */
  --chart-series-4: #b3b3b3; /* Gráficas/Serie 4 */
  --chart-series-5: #d9d9d9; /* Gráficas/Serie 5 */
  --chart-other: #cccccc; /* Gráficas/Otros */
  --chart-axis: #e4e4e4; /* Gráficas/Eje X */
  --chart-grid: #f2f2f2; /* Gráficas/Rejilla */
  --chart-tick: #797979; /* Gráficas/Ticks */
  --chart-axis-title: #4d4d4d; /* Gráficas/Nombre de eje */
  --chart-heat-seq-1: #f0f0f0; /* Gráficas/Calor/Secuencial 1 */
  --chart-heat-seq-2: #d7d7d7; /* Gráficas/Calor/Secuencial 2 */
  --chart-heat-seq-3: #bcbcbc; /* Gráficas/Calor/Secuencial 3 */
  --chart-heat-seq-4: #9e9e9e; /* Gráficas/Calor/Secuencial 4 */
  --chart-heat-seq-5: #7f7f7f; /* Gráficas/Calor/Secuencial 5 */
  --chart-heat-div-a2: #818181; /* Gráficas/Calor/Divergente A2 */
  --chart-heat-div-a1: #c3c3c3; /* Gráficas/Calor/Divergente A1 */
  --chart-heat-div-centro: #e6e6e6; /* Gráficas/Calor/Divergente Centro */
  --chart-heat-div-b1: #a6a6a6; /* Gráficas/Calor/Divergente B1 */
  --chart-heat-div-b2: #494949; /* Gráficas/Calor/Divergente B2 */
  --chart-blue-emphasis: #000000; /* Gráficas Esquemas/Azul/Énfasis */
  --chart-blue-emphasis-text: #000000; /* Gráficas Esquemas/Azul/Cifra */
  --chart-blue-base: #d9d9d9; /* Gráficas Esquemas/Azul/Base */
  --chart-blue-second: #595959; /* Gráficas Esquemas/Azul/2º énfasis */
  --chart-blue-second-text: #595959; /* Gráficas Esquemas/Azul/2º cifra */
  --chart-magenta-emphasis: #000000; /* Gráficas Esquemas/Magenta/Énfasis */
  --chart-magenta-emphasis-text: #000000; /* Gráficas Esquemas/Magenta/Cifra */
  --chart-magenta-base: #d9d9d9; /* Gráficas Esquemas/Magenta/Base */
  --chart-magenta-second: #595959; /* Gráficas Esquemas/Magenta/2º énfasis */
  --chart-magenta-second-text: #595959; /* Gráficas Esquemas/Magenta/2º cifra */
  --chart-indigo-emphasis: #000000; /* Gráficas Esquemas/Índigo/Énfasis */
  --chart-indigo-emphasis-text: #000000; /* Gráficas Esquemas/Índigo/Cifra */
  --chart-indigo-base: #d9d9d9; /* Gráficas Esquemas/Índigo/Base */
  --chart-indigo-second: #595959; /* Gráficas Esquemas/Índigo/2º énfasis */
  --chart-indigo-second-text: #595959; /* Gráficas Esquemas/Índigo/2º cifra */
  --chart-scheme-neutral: #b3b3b3; /* Gráficas Esquemas/Neutro */
  --brand-mono-label: var(--text-accent);
  --bg-panel: var(--ink-50);
  --border-2: var(--ink-100);
  --nuon-cian: #cacaca;
  --nuon-azul: #939393;
  --nuon-indigo: #8e8e8e;
  --nuon-magenta: #a6a6a6;
  --nuon-rosa: #d1d1d1;
  --ink-50: #f2f2f2;
  --ink-100: #e4e4e4;
  --ink-150: #d5d5d5;
  --ink-200: #c3c3c3;
  --ink-300: #a2a2a2;
  --ink-400: #797979;
  --ink-500: #626262;
  --ink-600: #4d4d4d;
  --ink-700: #383838;
  --ink-800: #242424;
  --ink-900: #151515;
}
@media print {
  :root:not([data-print="off"]) {
    --info: #939393; /* Semanticos-Acción/Info */
    --success: #b0b0b0; /* Semanticos-Acción/Success */
    --warning: #bfbfbf; /* Semanticos-Acción/Warning */
    --danger: #969696; /* Semanticos-Acción/Danger */
    --success-text: #898989; /* Semanticos-Texto/Success */
    --warning-text: #8c8c8c; /* Semanticos-Texto/Warning */
    --danger-text: #757575; /* Semanticos-Texto/Danger */
    --info-bg: #f2f2f2; /* Semanticos-Fondo/Info */
    --success-bg: #f3f3f3; /* Semanticos-Fondo/Success */
    --warning-bg: #f5f5f5; /* Semanticos-Fondo/Warning */
    --danger-bg: #f0f0f0; /* Semanticos-Fondo/Danger */
    --bg-page: #ffffff; /* Fondo */
    --bg-elevated: #ffffff; /* Superficie/Elevada */
    --transparent: #ffffff00; /* Superficie/Transparente */
    --grid-minor: #eeeeee; /* Grid interno */
    --grid-major: #dddddd; /* Grid sólido */
    --fg-1: #242424; /* Texto/Primario */
    --fg-2: #4d4d4d; /* Texto/Secundario */
    --fg-3: #686868; /* Texto/Terciario */
    --text-accent: #939393; /* Texto/Acento */
    --text-action: #4d4d4d; /* Texto/Acción */
    --text-on-action: #ffffff; /* Texto/Sobre acción */
    --action-primary: #8e8e8e; /* Acción/Primario */
    --action-primary-hover: #808080; /* Acción/Primario hover */
    --action-primary-pressed: #717171; /* Acción/Primario presionado */
    --action-soft: #f2f2f2; /* Acción/Fondo suave */
    --action-confirm: #b0b0b0; /* Acción/Confirmar */
    --action-cancel: #969696; /* Acción/Cancelar */
    --border-decorative: #c3c3c3; /* Bordes/Decorativo */
    --border-control: #797979; /* Bordes/Control */
    --border-control-hover: #4d4d4d; /* Bordes/Control hover */
    --border-action: #4d4d4d; /* Bordes/Acción */
    --border-focus: #000000; /* Bordes/Foco */
    --border-card: #ffffff00; /* Bordes/Tarjeta */
    --card-accent: #000000; /* Acento/Tarjeta */
    --shadow-contact: #0000000f; /* Sombra/Contacto */
    --shadow-ambient: #0000001f; /* Sombra/Ambiente */
    --shadow-highlight: #ffffff00; /* Sombra/Luz superior */
    --shadow-sticker-contact: #0000001a; /* Sombra/Sticker contacto */
    --shadow-sticker-ambient: #00000033; /* Sombra/Sticker ambiente */
    --chart-series-1: #000000; /* Gráficas/Serie 1 */
    --chart-series-2: #595959; /* Gráficas/Serie 2 */
    --chart-series-3: #8c8c8c; /* Gráficas/Serie 3 */
    --chart-series-4: #b3b3b3; /* Gráficas/Serie 4 */
    --chart-series-5: #d9d9d9; /* Gráficas/Serie 5 */
    --chart-other: #cccccc; /* Gráficas/Otros */
    --chart-axis: #e4e4e4; /* Gráficas/Eje X */
    --chart-grid: #f2f2f2; /* Gráficas/Rejilla */
    --chart-tick: #797979; /* Gráficas/Ticks */
    --chart-axis-title: #4d4d4d; /* Gráficas/Nombre de eje */
    --chart-heat-seq-1: #f0f0f0; /* Gráficas/Calor/Secuencial 1 */
    --chart-heat-seq-2: #d7d7d7; /* Gráficas/Calor/Secuencial 2 */
    --chart-heat-seq-3: #bcbcbc; /* Gráficas/Calor/Secuencial 3 */
    --chart-heat-seq-4: #9e9e9e; /* Gráficas/Calor/Secuencial 4 */
    --chart-heat-seq-5: #7f7f7f; /* Gráficas/Calor/Secuencial 5 */
    --chart-heat-div-a2: #818181; /* Gráficas/Calor/Divergente A2 */
    --chart-heat-div-a1: #c3c3c3; /* Gráficas/Calor/Divergente A1 */
    --chart-heat-div-centro: #e6e6e6; /* Gráficas/Calor/Divergente Centro */
    --chart-heat-div-b1: #a6a6a6; /* Gráficas/Calor/Divergente B1 */
    --chart-heat-div-b2: #494949; /* Gráficas/Calor/Divergente B2 */
    --chart-blue-emphasis: #000000; /* Gráficas Esquemas/Azul/Énfasis */
    --chart-blue-emphasis-text: #000000; /* Gráficas Esquemas/Azul/Cifra */
    --chart-blue-base: #d9d9d9; /* Gráficas Esquemas/Azul/Base */
    --chart-blue-second: #595959; /* Gráficas Esquemas/Azul/2º énfasis */
    --chart-blue-second-text: #595959; /* Gráficas Esquemas/Azul/2º cifra */
    --chart-magenta-emphasis: #000000; /* Gráficas Esquemas/Magenta/Énfasis */
    --chart-magenta-emphasis-text: #000000; /* Gráficas Esquemas/Magenta/Cifra */
    --chart-magenta-base: #d9d9d9; /* Gráficas Esquemas/Magenta/Base */
    --chart-magenta-second: #595959; /* Gráficas Esquemas/Magenta/2º énfasis */
    --chart-magenta-second-text: #595959; /* Gráficas Esquemas/Magenta/2º cifra */
    --chart-indigo-emphasis: #000000; /* Gráficas Esquemas/Índigo/Énfasis */
    --chart-indigo-emphasis-text: #000000; /* Gráficas Esquemas/Índigo/Cifra */
    --chart-indigo-base: #d9d9d9; /* Gráficas Esquemas/Índigo/Base */
    --chart-indigo-second: #595959; /* Gráficas Esquemas/Índigo/2º énfasis */
    --chart-indigo-second-text: #595959; /* Gráficas Esquemas/Índigo/2º cifra */
    --chart-scheme-neutral: #b3b3b3; /* Gráficas Esquemas/Neutro */
    --brand-mono-label: var(--text-accent);
    --bg-panel: var(--ink-50);
    --border-2: var(--ink-100);
    --nuon-cian: #cacaca;
    --nuon-azul: #939393;
    --nuon-indigo: #8e8e8e;
    --nuon-magenta: #a6a6a6;
    --nuon-rosa: #d1d1d1;
    --ink-50: #f2f2f2;
    --ink-100: #e4e4e4;
    --ink-150: #d5d5d5;
    --ink-200: #c3c3c3;
    --ink-300: #a2a2a2;
    --ink-400: #797979;
    --ink-500: #626262;
    --ink-600: #4d4d4d;
    --ink-700: #383838;
    --ink-800: #242424;
    --ink-900: #151515;
  }
}
/* Chart schemes (D39): set data-chart-scheme on any container. */
[data-chart-scheme="blue"] {
  --chart-emphasis: var(--chart-blue-emphasis);
  --chart-emphasis-text: var(--chart-blue-emphasis-text);
  --chart-base: var(--chart-blue-base);
  --chart-second: var(--chart-blue-second);
  --chart-second-text: var(--chart-blue-second-text);
}
[data-chart-scheme="magenta"] {
  --chart-emphasis: var(--chart-magenta-emphasis);
  --chart-emphasis-text: var(--chart-magenta-emphasis-text);
  --chart-base: var(--chart-magenta-base);
  --chart-second: var(--chart-magenta-second);
  --chart-second-text: var(--chart-magenta-second-text);
}
[data-chart-scheme="indigo"] {
  --chart-emphasis: var(--chart-indigo-emphasis);
  --chart-emphasis-text: var(--chart-indigo-emphasis-text);
  --chart-base: var(--chart-indigo-base);
  --chart-second: var(--chart-indigo-second);
  --chart-second-text: var(--chart-indigo-second-text);
}