:root{

  --desk-foco: var(--desk-accentText);
  --desk-foco-ancho: 2px;
  --desk-foco-aire: 2px;

  --desk-foco-superficie: var(--desk-line);
  --desk-foco-superficie-ancho: 1px;

  --desk-z-salto: 98;

  --desk-z-menu:60;

  --desk-z-topbar: 40;
  --desk-z-pop: 70;
  --desk-z-hoja-velo: 84;
  --desk-z-hoja: 85;
  --desk-z-modal-velo: 86;
  --desk-z-modal: 87;
  --desk-z-drawer: 90;

  --desk-z-aviso: 94;

  --desk-z-flotante: 76;
  --desk-flotante-ancho: 380px;
  --desk-flotante-alto: 600px;

  --desk-ease-mazo: cubic-bezier(.32,.72,0,1);

  --desk-mask-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  --desk-font: 'Figtree', system-ui, -apple-system, sans-serif;
  --desk-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --desk-font-ajuste: none;

  --desk-fw-fuerte: 800;

  --desk-font-lectura: var(--desk-font);

  --desk-font-marca: 'Figtree', system-ui, -apple-system, sans-serif;

  --desk-fs-display: 52px;   --desk-fs-display-ls: -.035em;
  --desk-fs-h1: 34px;        --desk-fs-h1-ls: -.03em;
  --desk-fs-h2: 26px;        --desk-fs-h2-ls: -.025em;
  --desk-fs-h3: 22px;        --desk-fs-h3-ls: -.015em;
  --desk-fs-lead: 17px;
  --desk-fs-body: 15px;
  --desk-fs-sm: 14px;

  --desk-fs-toque: 16px;
  --desk-fs-xs: 13px;
  --desk-fs-micro: 12px;
  --desk-fs-eyebrow: 10px;   --desk-fs-eyebrow-ls: .16em;

  --desk-mono-code: 11.5px;
  --desk-lh-tight: 1.2;
  --desk-lh-body: 1.55;
  --desk-lh-dense: 1.6;

  --desk-r-panel:  28px;
  --desk-r-card:   24px;
  --desk-r-bloque: 20px;
  --desk-r-campo:  16px;
  --desk-r-fila:   12px;
  --desk-r-tag:     8px;
  --desk-r-marca:   4px;
  --desk-r-pill:  999px;

  --desk-r-card-lg:  var(--desk-r-card);     
  --desk-r-field:    var(--desk-r-campo);    
  --desk-r-field-lg: var(--desk-r-bloque);   

  --desk-modal-capa-alto: 560px;

  --desk-redactor-ancho: 728px;
  --desk-redactor-medida: 640px;

  --desk-doc-medida: 68ch;         
  --desk-doc-cuerpo: 17px;         
  --desk-doc-lh: 1.65;             
  --desk-doc-titulo: 40px;         
  --desk-doc-h1: 31px;             
  --desk-doc-h2: 24px;             
  --desk-doc-h3: 19px;             
  --desk-doc-aire: 6px;            
  --desk-doc-aire-titulo: 28px;    
  --desk-bp-redactor: 1440px;

  --desk-r-item:    var(--desk-r-campo);    
  --desk-r-item-lg: var(--desk-r-bloque);   

  --desk-r-cola: var(--desk-r-bloque);   

  --desk-r-icono:   var(--desk-r-fila);    
  --desk-r-row:     var(--desk-r-fila);    
  --desk-r-check:   var(--desk-r-marca);   
  --desk-r-tooltip: var(--desk-r-fila);    

  --desk-muesca-w: 32px;
  --desk-muesca-h: 8px;

  --desk-borde-hueco: 1.5px dashed;

  --desk-sticker-chat: 160px;
  --desk-sticker-hilo: 128px;       
  --desk-sticker-resp: 96px;        
  --desk-sticker-movil: 136px;
  --desk-sticker-cita: 36px;        
  --desk-sticker-celda: 64px;       

  --desk-touch: 44px;

  --desk-cara-sm: 24px;

  --desk-h-menu-punto: 36px;

  --desk-menu-punto-pad: 6px;
  --desk-h-nav: 46px;         
  --desk-h-field: 48px;

  --desk-h-busca-l: 52px;
  --desk-fs-busca-s: 14.5px;
  --desk-h-row: 56px;
  --desk-h-listrow: 60px;
  --desk-h-topbar: 56px;
  --desk-h-btn-mobile: 50px;

  --desk-h-acceso: 52px;
  --desk-h-acceso-movil: 54px;

  --desk-s1: 2px;   --desk-s2: 4px;   --desk-s3: 6px;   --desk-s4: 8px;
  --desk-s5: 10px;  --desk-s6: 12px;  --desk-s7: 14px;  --desk-s8: 18px;
  --desk-s9: 22px;  --desk-s10: 26px; --desk-s11: 34px; --desk-s12: 44px;

  --desk-gap-icono: 12px;         
  --desk-gap-items: 4px;          
  --desk-gap-grupos: 16px;        
  --desk-pad-menu-item: 12px 14px;   

  --desk-pad-panel:  28px;
  --desk-pad-card:   24px;
  --desk-pad-bloque: 20px;
  --desk-pad-campo:  16px;
  --desk-pad-fila:   12px;

  --desk-pad-panel-campos: 12px;   
  --desk-pad-card-filas:   12px;   
  --desk-pad-bloque-filas:  8px;   

  --desk-gap-par: 8px;

  --desk-aire-pantalla: 72px;

  --desk-planilla-col-hora: 72px;     
  --desk-planilla-col-persona: 196px;

  --desk-pad-pill-44: 18px;       
  --desk-pad-pill-52: 22px;       
  --desk-pad-pill-36: 15px;       

  --desk-ico-11: 13px;  --desk-ico-12: 14px;  --desk-ico-13: 16px;
  --desk-ico-14: 17px;  --desk-ico-15: 18px;  --desk-ico-17: 20px;
  --desk-ico-21: 24px;            

  --desk-sidebar-w: 246px;

  --desk-conv-w: 702px;

  --desk-sidebar-pad: 12px;
  --desk-sidebar-centro: 39px;
  --desk-sidebar-riel: 78px;
  --desk-sidebar-rotulo: 26px;    
  --desk-drawer-w: 300px;

  --desk-mail-rail: 208px;
  --desk-mail-lista: 352px;
  --desk-appbar-h: 56px;          
  --desk-barras-top: 10px;        
  --desk-pagehead-h: 96px;        
  --desk-header-h: 168px;         
  --desk-tooltip-max: 240px;

  --desk-lienzo-max: 1450px;

  --desk-lienzo-pad: 40px;
  --desk-lienzo-pad-movil: 20px;

  --desk-calle: 12px;

  --desk-borde-gesto: 24px;

  --desk-t-press: 90ms;           
  --desk-t-fast: 120ms;           
  --desk-t-base: 240ms;           
  --desk-t-base-out: 170ms;       
  --desk-t-header: 260ms;         
  --desk-t-slow: 340ms;           
  --desk-t-slow-out: 260ms;       
  --desk-t-sidebar: 320ms;        
  --desk-t-label: 180ms;          

  --desk-dur-destello: 1800ms;
  --desk-ease: cubic-bezier(.22,1,.36,1);       

  --desk-ease-rebote: cubic-bezier(.34,1.56,.64,1);
  --desk-ease-out: cubic-bezier(.4,0,1,1);      

  --desk-tooltip-delay: 250ms;
  --desk-hover-in: 140ms;         
  --desk-hover-out: 260ms;        
  --desk-scroll-umbral: 48px;     

  --desk-safe-top: env(safe-area-inset-top, 0px);
  --desk-safe-bottom: env(safe-area-inset-bottom, 0px);
  --desk-safe-left: env(safe-area-inset-left, 0px);
  --desk-safe-right: env(safe-area-inset-right, 0px);

  --desk-tabbar-borde: 26px;
  --desk-tabbar-apoyo: 10px;
  --desk-movil-margen: 20px;
  --desk-dur-largo: 480ms;

  --desk-danger: #D2453D;
  --desk-onDanger: #FFFFFF;
  --desk-danger-soft: rgba(210,69,61,.12);

  --desk-danger-text: #AC332C;

  --desk-hecho: #1F7A4C;
  --desk-hecho-text: #1B6B43;
  --desk-hecho-soft: #E8F4EE;

  --desk-dangerOnCarbon: #F09A94;    

  --desk-warnOnCarbon: #FD9843;      

  --desk-ok-text: #146C43;           
  --desk-okOnCarbon: #50A47D;        
  --desk-warn: #FD7E14;
  --desk-onWarn: #101214;            
  --desk-warn-soft: rgba(253,126,20,.12);
  --desk-warn-text: #AC560E;         

  --desk-ok: #198754;
  --desk-onOk: #FFFFFF;
  --desk-ok-soft: rgba(25,135,84,.12);

  --desk-carbon-fijo: #16181B;
}

:root[data-desk-nativo="1"] {
  --desk-safe-top: 0px;
  --desk-safe-bottom: 0px;
  --desk-safe-left: 0px;
  --desk-safe-right: 0px;
}

:root{ --desk-t-giro: 1s; }

:root{ --desk-t-pulso: 1.4s; --desk-pulso-min: .45; }

:root{ --desk-t-late: 2s; }

:root{ --desk-espera-umbral: 120ms; --desk-espera-larga: 8s; --desk-espera-tope: 30s; }

:root{ --desk-subida-barra: 1s; }

:root{ --desk-papel: #FFFFFF; }

:root{ --desk-desborde: 24px; }

:root{ --desk-hoja-mitad: 50dvh; --desk-hoja-alto: 88dvh;
       --desk-hoja-cierre: .3; --desk-hoja-tiron: .5; --desk-hoja-goma: .35; }

:root{ --desk-borde-blur: 110px; --desk-borde-blur-tablet: 120px; --desk-borde-fundido: 24px; }

:root{ --desk-haptica-pausa: 300ms; }
@media (prefers-reduced-motion: reduce){
  :root{ --desk-t-fast:0ms; --desk-t-base:0ms; --desk-t-slow:0ms;

    --desk-t-press:0ms; --desk-t-base-out:0ms; --desk-t-label:0ms;
    --desk-t-header:0ms; --desk-t-sidebar:0ms; --desk-t-slow-out:0ms;

    --desk-t-giro:3s;

    --desk-t-pulso:4.2s; --desk-pulso-min:.72;

    --desk-t-late:0s; }
}

:root{

  --desk-azul-50: #E6F3FB;
  --desk-azul-100: #C7E5F7;
  --desk-azul-200: #93CDEF;
  --desk-azul-300: #5CB2E6;
  --desk-azul-400: #2E96D9;
  --desk-azul-500: #0077BF;
  --desk-azul-600: #0063A1;
  --desk-azul-700: #004F81;
  --desk-azul-800: #003A60;

  --desk-lima-50: #F6FFE0;
  --desk-lima-100: #EBFFB8;
  --desk-lima-200: #DDFF85;
  --desk-lima-300: #C7FF38;
  --desk-lima-400: #B4F01E;
  --desk-lima-500: #9BD40F;
  --desk-lima-600: #7FAE0C;
  --desk-lima-700: #628709;
  --desk-lima-800: #476206;

  --desk-verde-50: #E9FBF0;
  --desk-verde-100: #CBF5DC;
  --desk-verde-200: #9EEBBE;
  --desk-verde-300: #6FE39A;
  --desk-verde-400: #3FD379;
  --desk-verde-500: #1FB85F;
  --desk-verde-600: #17944C;
  --desk-verde-700: #12723B;
  --desk-verde-800: #0D522A;

  --desk-naranja-50: #FFF2E5;
  --desk-naranja-100: #FFE0C2;
  --desk-naranja-200: #FFC38A;
  --desk-naranja-300: #FFA24D;
  --desk-naranja-400: #F5871F;
  --desk-naranja-500: #DE6E08;
  --desk-naranja-600: #B85906;
  --desk-naranja-700: #8F4404;
  --desk-naranja-800: #663003;

  --desk-violeta-50: #F1EEFE;
  --desk-violeta-100: #DED7FC;
  --desk-violeta-200: #BFB2F9;
  --desk-violeta-300: #9C88F4;
  --desk-violeta-400: #7C63EC;
  --desk-violeta-500: #5F44D9;
  --desk-violeta-600: #4B34B3;
  --desk-violeta-700: #3A288C;
  --desk-violeta-800: #291C64;

  --desk-rosa-50: #FFF0F5;
  --desk-rosa-100: #FFD9E6;
  --desk-rosa-200: #FFB0CB;
  --desk-rosa-300: #FF7FAB;
  --desk-rosa-400: #F94F87;
  --desk-rosa-500: #E12A66;
  --desk-rosa-600: #C2185B;
  --desk-rosa-700: #961246;
  --desk-rosa-800: #680B30;

  --desk-mono-50: #FFFFFF;
  --desk-mono-100: #F4F4F4;
  --desk-mono-200: #E3E3E3;
  --desk-mono-300: #C9C9C9;
  --desk-mono-400: #A5A5A5;
  --desk-mono-500: #7A7A7A;
  --desk-mono-600: #545454;
  --desk-mono-700: #2E2E2E;
  --desk-mono-800: #111111;
}

[data-desk-theme="light"]{         
  --desk-velo-hoja: color-mix(in srgb, var(--desk-carbon) 45%, transparent);

  --desk-shadow-color: #101214;
  color-scheme: light;
  --desk-bg: #F1F1F0;
  --desk-panel: #F8F8F7;
  --desk-surface: #FFFFFF;
  --desk-inset: #F4F4F3;
  --desk-skel: #E9E9E7;
  --desk-carbon: #16181B;

  --desk-logBg: #16181B;
  --desk-logFg: #E6E8EA;
  --desk-logFg2: rgba(255,255,255,.52);
  --desk-logHair: rgba(255,255,255,.08);
  --desk-onCarbon: #FFFFFF;
  --desk-onCarbon2: rgba(255,255,255,.55);

  --desk-onCarbonSoft: rgba(255,255,255,.14);
  --desk-text: #101214;
  --desk-text2: #44484C;
  --desk-text3: #6B7075;
  --desk-hair: #EAEAE9;
  --desk-ph: #D6D9DC;

  --desk-ini-bg: #E8EAED;
  --desk-ini-fg: #3F434C;
  --desk-surface-rgb: 255 255 255;
  --desk-shadow: 0 1px 2px rgba(16,18,20,.05),0 22px 48px -30px rgba(16,18,20,.28);
  --desk-shadow-sm: 0 1px 2px rgba(16,18,20,.05);    
  --desk-shadow-lg: 0 2px 6px rgba(16,18,20,.06),0 40px 80px -40px rgba(16,18,20,.4);
  --desk-flota: 0 2px 6px rgba(16,18,20,.08),0 26px 50px -24px rgba(16,18,20,.42);    
  --desk-oclusion: 6px 0 12px -4px rgba(16,18,20,.28);

  --desk-velo: rgba(22,24,27,.5);
  --desk-velo-terminal: rgba(22,24,27,.82);   
  --desk-accent-hover: color-mix(in srgb, var(--desk-accent) 82%, var(--desk-text));
}

[data-desk-theme="dark"]{         
  --desk-velo-hoja: color-mix(in srgb, var(--desk-carbon) 60%, transparent);
  --desk-shadow-color: #000000;
  color-scheme: dark;
  --desk-bg: #0E1013;
  --desk-panel: #12151A;
  --desk-surface: #171A1E;
  --desk-inset: #1F2429;
  --desk-skel: #252A30;
  --desk-carbon: #000000;
  --desk-logBg: #0A0C0E;
  --desk-logFg: #E6E8EA;
  --desk-logFg2: rgba(255,255,255,.48);
  --desk-logHair: rgba(255,255,255,.07);
  --desk-onCarbon: #FFFFFF;
  --desk-onCarbon2: rgba(255,255,255,.5);
  --desk-onCarbonSoft: rgba(255,255,255,.12);
  --desk-text: #EDEEF0;
  --desk-text2: #B6BBC1;
  --desk-text3: #8B9298;
  --desk-hair: rgba(255,255,255,.09);
  --desk-ph: #2A3037;
  --desk-danger-text: #F09A94;

  --desk-hecho: #4FBF85;
  --desk-hecho-text: #69D69B;
  --desk-hecho-soft: #182A22;

  --desk-ok: #1FB85F;
  --desk-ok-soft: rgba(31,184,95,.18);

  --desk-ok-text: #50A47D;
  --desk-warn-text: #FD9843;
  --desk-warn-soft: rgba(253,126,20,.18);
  --desk-ini-bg: #262B31;
  --desk-ini-fg: #C3C8CE;
  --desk-surface-rgb: 23 26 30;
  --desk-shadow: 0 1px 2px rgba(0,0,0,.4),0 22px 48px -30px rgba(0,0,0,.8);
  --desk-shadow-sm: 0 1px 2px rgba(0,0,0,.4);    
  --desk-shadow-lg: 0 2px 6px rgba(0,0,0,.5),0 40px 80px -40px rgba(0,0,0,.9);
  --desk-flota: 0 2px 6px rgba(0,0,0,.5),0 26px 50px -20px rgba(0,0,0,.85);    
  --desk-oclusion: 6px 0 12px -4px rgba(0,0,0,.55);
  --desk-velo: rgba(0,0,0,.5);
  --desk-velo-terminal: rgba(0,0,0,.82);
}

[data-desk-theme="bn-light"]{         
  --desk-velo-hoja: color-mix(in srgb, var(--desk-carbon) 45%, transparent);
  --desk-shadow-color: #101214;
  color-scheme: light;
  --desk-bg: #F1F1F1;
  --desk-panel: #F8F8F8;
  --desk-surface: #FFFFFF;
  --desk-inset: #F4F4F4;
  --desk-skel: #E9E9E9;
  --desk-carbon: #111111;
  --desk-logBg: #111111;  
  --desk-logFg: #E8E8E8;
  --desk-logFg2: rgba(255,255,255,.52);
  --desk-logHair: rgba(255,255,255,.08);
  --desk-onCarbon: #FFFFFF;
  --desk-onCarbon2: rgba(255,255,255,.55);
  --desk-onCarbonSoft: rgba(255,255,255,.14);
  --desk-text: #111111;
  --desk-text2: #454545;
  --desk-text3: #6E6E6E;
  --desk-hair: #EAEAEA;
  --desk-ph: #D8D8D8;
  --desk-ini-bg: #E8E8E8;
  --desk-ini-fg: #414141;
  --desk-surface-rgb: 255 255 255;
  --desk-shadow: 0 1px 2px rgba(0,0,0,.05),0 22px 48px -30px rgba(0,0,0,.28);
  --desk-shadow-sm: 0 1px 2px rgba(0,0,0,.05);    
  --desk-shadow-lg: 0 2px 6px rgba(0,0,0,.06),0 40px 80px -40px rgba(0,0,0,.4);
  --desk-flota: 0 2px 6px rgba(0,0,0,.5),0 26px 50px -20px rgba(0,0,0,.85);    
  --desk-oclusion: 6px 0 12px -4px rgba(0,0,0,.28);
}

[data-desk-theme="bn-dark"]{         
  --desk-velo-hoja: color-mix(in srgb, var(--desk-carbon) 60%, transparent);
  --desk-shadow-color: #000000;
  color-scheme: dark;
  --desk-bg: #0D0D0D;
  --desk-panel: #121212;
  --desk-surface: #161616;
  --desk-inset: #1E1E1E;
  --desk-skel: #242424;
  --desk-carbon: #000000;
  --desk-logBg: #0A0A0A;
  --desk-logFg: #E8E8E8;
  --desk-logFg2: rgba(255,255,255,.48);
  --desk-logHair: rgba(255,255,255,.07);
  --desk-onCarbon: #FFFFFF;
  --desk-onCarbon2: rgba(255,255,255,.5);
  --desk-onCarbonSoft: rgba(255,255,255,.12);
  --desk-text: #F2F2F2;
  --desk-text2: #B8B8B8;
  --desk-text3: #8C8C8C;
  --desk-hair: rgba(255,255,255,.1);
  --desk-ph: #2B2B2B;
  --desk-danger-text: #F09A94;

  --desk-hecho: #4FBF85;
  --desk-hecho-text: #69D69B;
  --desk-hecho-soft: #182A22;

  --desk-ok: #1FB85F;
  --desk-ok-soft: rgba(31,184,95,.18);

  --desk-ok-text: #50A47D;
  --desk-warn-text: #FD9843;
  --desk-warn-soft: rgba(253,126,20,.18);
  --desk-ini-bg: #262626;
  --desk-ini-fg: #C6C6C6;
  --desk-surface-rgb: 22 22 22;
  --desk-shadow: 0 1px 2px rgba(0,0,0,.4),0 22px 48px -30px rgba(0,0,0,.8);
  --desk-shadow-sm: 0 1px 2px rgba(0,0,0,.4);    
  --desk-shadow-lg: 0 2px 6px rgba(0,0,0,.5),0 40px 80px -40px rgba(0,0,0,.9);
  --desk-flota: 0 2px 6px rgba(0,0,0,.5),0 26px 50px -20px rgba(0,0,0,.85);    
  --desk-oclusion: 6px 0 12px -4px rgba(0,0,0,.55);
}

[data-desk-font="inter"]{    --desk-font:'Inter', system-ui, sans-serif;                      --desk-font-ajuste:.5; }
[data-desk-font="plex"]{     --desk-font:'IBM Plex Sans', system-ui, sans-serif;              --desk-font-ajuste:.5; --desk-fw-fuerte:700; }
[data-desk-font="jakarta"]{  --desk-font:'Plus Jakarta Sans', system-ui, sans-serif;          --desk-font-ajuste:.5; }
[data-desk-font="atkinson"]{ --desk-font:'Atkinson Hyperlegible Next', system-ui, sans-serif; --desk-font-ajuste:.5; }

[data-desk-lectura="serif"]{ --desk-font-lectura:'Source Serif 4', Georgia, serif; }

html{ font-size-adjust: var(--desk-font-ajuste); }
.desk-lectura{ font-family: var(--desk-font-lectura); }

[data-desk-theme="light"] [data-desk-accent="azul"],
[data-desk-theme="light"][data-desk-accent="azul"]{   
  --desk-accent: #0077BF;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #0063A1;   
  --desk-line: #0077BF;         
  --desk-soft: #e0eff7;
}

[data-desk-theme="light"] [data-desk-accent="turquesa"],
[data-desk-theme="light"][data-desk-accent="turquesa"]{   
  --desk-accent: #0B7574;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #085B5A;   
  --desk-line: #0B7574;         
  --desk-soft: #e2eeee;
}

[data-desk-theme="light"] [data-desk-accent="lima"],
[data-desk-theme="light"][data-desk-accent="lima"]{   
  --desk-accent: #C7FF38;
  --desk-onAccent: #101214;       
  --desk-accentText: #476206;   
  --desk-line: #628709;         
  --desk-soft: #f8ffe7;
}

[data-desk-theme="light"] [data-desk-accent="verde"],
[data-desk-theme="light"][data-desk-accent="verde"]{   
  --desk-accent: #3FD379;
  --desk-onAccent: #101214;       
  --desk-accentText: #12723B;   
  --desk-line: #17944C;         
  --desk-soft: #e8faef;
}

[data-desk-theme="light"] [data-desk-accent="naranja"],
[data-desk-theme="light"][data-desk-accent="naranja"]{   
  --desk-accent: #F5871F;
  --desk-onAccent: #101214;       
  --desk-accentText: #8F4404;   
  --desk-line: #DE6E08;         
  --desk-soft: #fef1e4;
}

[data-desk-theme="light"] [data-desk-accent="violeta"],
[data-desk-theme="light"][data-desk-accent="violeta"]{   
  --desk-accent: #5F44D9;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #5F44D9;   
  --desk-line: #5F44D9;         
  --desk-soft: #ece9fa;
}

[data-desk-theme="light"] [data-desk-accent="rosa"],
[data-desk-theme="light"][data-desk-accent="rosa"]{   
  --desk-accent: #C2185B;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #C2185B;   
  --desk-line: #C2185B;         
  --desk-soft: #f8e3eb;
}

[data-desk-theme="light"] [data-desk-accent="mono"],
[data-desk-theme="light"][data-desk-accent="mono"]{   
  --desk-accent: #111111;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #111111;   
  --desk-line: #111111;         
  --desk-soft: #e2e2e2;
}

[data-desk-theme="dark"] [data-desk-accent="azul"],
[data-desk-theme="dark"][data-desk-accent="azul"]{   
  --desk-accent: #2E96D9;
  --desk-onAccent: #101214;       
  --desk-accentText: #5CB2E6;   
  --desk-line: #2E96D9;         
  --desk-soft: #1b2e3c;
}

[data-desk-theme="dark"] [data-desk-accent="turquesa"],
[data-desk-theme="dark"][data-desk-accent="turquesa"]{   
  --desk-accent: #3BC7C2;
  --desk-onAccent: #101214;       
  --desk-accentText: #5FD3CF;   
  --desk-line: #3BC7C2;         
  --desk-soft: #1d3638;
}

[data-desk-theme="dark"] [data-desk-accent="lima"],
[data-desk-theme="dark"][data-desk-accent="lima"]{   
  --desk-accent: #C7FF38;
  --desk-onAccent: #101214;       
  --desk-accentText: #DDFF85;   
  --desk-line: #C7FF38;         
  --desk-soft: #333f22;
}

[data-desk-theme="dark"] [data-desk-accent="verde"],
[data-desk-theme="dark"][data-desk-accent="verde"]{   
  --desk-accent: #6FE39A;
  --desk-onAccent: #101214;       
  --desk-accentText: #9EEBBE;   
  --desk-line: #6FE39A;         
  --desk-soft: #253a32;
}

[data-desk-theme="dark"] [data-desk-accent="naranja"],
[data-desk-theme="dark"][data-desk-accent="naranja"]{   
  --desk-accent: #FFA24D;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFC38A;   
  --desk-line: #FFA24D;         
  --desk-soft: #3c3026;
}

[data-desk-theme="dark"] [data-desk-accent="violeta"],
[data-desk-theme="dark"][data-desk-accent="violeta"]{   
  --desk-accent: #9C88F4;
  --desk-onAccent: #101214;       
  --desk-accentText: #BFB2F9;   
  --desk-line: #9C88F4;         
  --desk-soft: #2c2c40;
}

[data-desk-theme="dark"] [data-desk-accent="rosa"],
[data-desk-theme="dark"][data-desk-accent="rosa"]{   
  --desk-accent: #FF7FAB;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFB0CB;   
  --desk-line: #FF7FAB;         
  --desk-soft: #3c2a35;
}

[data-desk-theme="dark"] [data-desk-accent="mono"],
[data-desk-theme="dark"][data-desk-accent="mono"]{   
  --desk-accent: #FFFFFF;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFFFFF;   
  --desk-line: #FFFFFF;         
  --desk-soft: #3c3f42;
}

[data-desk-theme="bn-light"] [data-desk-accent="azul"],
[data-desk-theme="bn-light"][data-desk-accent="azul"]{   
  --desk-accent: #0077BF;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #0063A1;   
  --desk-line: #0077BF;         
  --desk-soft: #e0eff7;
}

[data-desk-theme="bn-light"] [data-desk-accent="turquesa"],
[data-desk-theme="bn-light"][data-desk-accent="turquesa"]{   
  --desk-accent: #0B7574;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #085B5A;   
  --desk-line: #0B7574;         
  --desk-soft: #e2eeee;
}

[data-desk-theme="bn-light"] [data-desk-accent="lima"],
[data-desk-theme="bn-light"][data-desk-accent="lima"]{   
  --desk-accent: #C7FF38;
  --desk-onAccent: #101214;       
  --desk-accentText: #476206;   
  --desk-line: #628709;         
  --desk-soft: #f8ffe7;
}

[data-desk-theme="bn-light"] [data-desk-accent="verde"],
[data-desk-theme="bn-light"][data-desk-accent="verde"]{   
  --desk-accent: #3FD379;
  --desk-onAccent: #101214;       
  --desk-accentText: #12723B;   
  --desk-line: #17944C;         
  --desk-soft: #e8faef;
}

[data-desk-theme="bn-light"] [data-desk-accent="naranja"],
[data-desk-theme="bn-light"][data-desk-accent="naranja"]{   
  --desk-accent: #F5871F;
  --desk-onAccent: #101214;       
  --desk-accentText: #8F4404;   
  --desk-line: #DE6E08;         
  --desk-soft: #fef1e4;
}

[data-desk-theme="bn-light"] [data-desk-accent="violeta"],
[data-desk-theme="bn-light"][data-desk-accent="violeta"]{   
  --desk-accent: #5F44D9;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #5F44D9;   
  --desk-line: #5F44D9;         
  --desk-soft: #ece9fa;
}

[data-desk-theme="bn-light"] [data-desk-accent="rosa"],
[data-desk-theme="bn-light"][data-desk-accent="rosa"]{   
  --desk-accent: #C2185B;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #C2185B;   
  --desk-line: #C2185B;         
  --desk-soft: #f8e3eb;
}

[data-desk-theme="bn-light"] [data-desk-accent="mono"],
[data-desk-theme="bn-light"][data-desk-accent="mono"]{   
  --desk-accent: #111111;
  --desk-onAccent: #FFFFFF;       
  --desk-accentText: #111111;   
  --desk-line: #111111;         
  --desk-soft: #e2e2e2;
}

[data-desk-theme="bn-dark"] [data-desk-accent="azul"],
[data-desk-theme="bn-dark"][data-desk-accent="azul"]{   
  --desk-accent: #2E96D9;
  --desk-onAccent: #101214;       
  --desk-accentText: #5CB2E6;   
  --desk-line: #2E96D9;         
  --desk-soft: #1a2a35;
}

[data-desk-theme="bn-dark"] [data-desk-accent="turquesa"],
[data-desk-theme="bn-dark"][data-desk-accent="turquesa"]{   
  --desk-accent: #3BC7C2;
  --desk-onAccent: #101214;       
  --desk-accentText: #5FD3CF;   
  --desk-line: #3BC7C2;         
  --desk-soft: #1c3232;
}

[data-desk-theme="bn-dark"] [data-desk-accent="lima"],
[data-desk-theme="bn-dark"][data-desk-accent="lima"]{   
  --desk-accent: #C7FF38;
  --desk-onAccent: #101214;       
  --desk-accentText: #DDFF85;   
  --desk-line: #C7FF38;         
  --desk-soft: #323b1b;
}

[data-desk-theme="bn-dark"] [data-desk-accent="verde"],
[data-desk-theme="bn-dark"][data-desk-accent="verde"]{   
  --desk-accent: #6FE39A;
  --desk-onAccent: #101214;       
  --desk-accentText: #9EEBBE;   
  --desk-line: #6FE39A;         
  --desk-soft: #24372b;
}

[data-desk-theme="bn-dark"] [data-desk-accent="naranja"],
[data-desk-theme="bn-dark"][data-desk-accent="naranja"]{   
  --desk-accent: #FFA24D;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFC38A;   
  --desk-line: #FFA24D;         
  --desk-soft: #3b2c1f;
}

[data-desk-theme="bn-dark"] [data-desk-accent="violeta"],
[data-desk-theme="bn-dark"][data-desk-accent="violeta"]{   
  --desk-accent: #9C88F4;
  --desk-onAccent: #101214;       
  --desk-accentText: #BFB2F9;   
  --desk-line: #9C88F4;         
  --desk-soft: #2b283a;
}

[data-desk-theme="bn-dark"] [data-desk-accent="rosa"],
[data-desk-theme="bn-dark"][data-desk-accent="rosa"]{   
  --desk-accent: #FF7FAB;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFB0CB;   
  --desk-line: #FF7FAB;         
  --desk-soft: #3b272e;
}

[data-desk-theme="bn-dark"] [data-desk-accent="mono"],
[data-desk-theme="bn-dark"][data-desk-accent="mono"]{   
  --desk-accent: #FFFFFF;
  --desk-onAccent: #101214;       
  --desk-accentText: #FFFFFF;   
  --desk-line: #FFFFFF;         
  --desk-soft: #3b3b3b;
}

:root{ --desk-accentGlow: color-mix(in srgb, var(--desk-accent) 55%, transparent); }

[data-desk-uso],
[data-desk-theme]{
  --desk-hero: var(--desk-accent);
  --desk-onHero: var(--desk-onAccent);
  --desk-chip: var(--desk-accent);
  --desk-onChip: var(--desk-onAccent);
}
[data-desk-uso="sobrio"]{
  --desk-hero: var(--desk-carbon);
  --desk-onHero: var(--desk-onCarbon);
  --desk-chip: var(--desk-carbon);
  --desk-onChip: var(--desk-onCarbon);
}

[data-desk-theme="light"]{
  --desk-st-a-ingresar-bg: #EFEFEE; --desk-st-a-ingresar-fg: #44484C;    
  --desk-st-en-proceso-bg: #FFF3CF; --desk-st-en-proceso-fg: #8A6A00;    
  --desk-st-a-asignar-bg: #EFEFEE; --desk-st-a-asignar-fg: #44484C;    
  --desk-st-aprobacion-interna-bg: #FCE9E8; --desk-st-aprobacion-interna-fg: #8E2A24;    
  --desk-st-en-cliente-bg: #DDF1FC; --desk-st-en-cliente-fg: #045E94;    
  --desk-st-aprobado-bg: #DFF5E7; --desk-st-aprobado-fg: #136B3C;    
  --desk-st-finalizado-bg: #136B3C; --desk-st-finalizado-fg: #FFFFFF;    
  --desk-st-en-pausa-bg: #F0E9FC; --desk-st-en-pausa-fg: #4B34B3;    
  --desk-st-cancelado-bg: #EFEFEE; --desk-st-cancelado-fg: #44484C;    
  --desk-st-seguimiento-bg: #DDF1FC; --desk-st-seguimiento-fg: #045E94;    
  --desk-st-programado-bg: #F0E9FC; --desk-st-programado-fg: #4B34B3;    
  --desk-st-carga-manual-bg: #EFEFEE; --desk-st-carga-manual-fg: #44484C;    
}

[data-desk-theme="dark"]{
  --desk-st-a-ingresar-bg: #47494c; --desk-st-a-ingresar-fg: #EFEFEE;    
  --desk-st-en-proceso-bg: #4a4a45; --desk-st-en-proceso-fg: #FFF3CF;    
  --desk-st-a-asignar-bg: #47494c; --desk-st-a-asignar-fg: #EFEFEE;    
  --desk-st-aprobacion-interna-bg: #49484a; --desk-st-aprobacion-interna-fg: #FCE9E8;    
  --desk-st-en-cliente-bg: #43494f; --desk-st-en-cliente-fg: #DDF1FC;    
  --desk-st-aprobado-bg: #434a4a; --desk-st-aprobado-fg: #DFF5E7;    
  --desk-st-finalizado-bg: #333e3c; --desk-st-finalizado-fg: #95bca7;    
  --desk-st-en-pausa-bg: #47484f; --desk-st-en-pausa-fg: #F0E9FC;    
  --desk-st-cancelado-bg: #47494c; --desk-st-cancelado-fg: #EFEFEE;    
  --desk-st-seguimiento-bg: #43494f; --desk-st-seguimiento-fg: #DDF1FC;    
  --desk-st-programado-bg: #47484f; --desk-st-programado-fg: #F0E9FC;    
  --desk-st-carga-manual-bg: #47494c; --desk-st-carga-manual-fg: #EFEFEE;    
}

[data-desk-theme="bn-light"]{
  --desk-st-a-ingresar-bg: #d9d9d9; --desk-st-a-ingresar-fg: #111111;    
  --desk-st-en-proceso-bg: #f4f4f4; --desk-st-en-proceso-fg: #111111;    
  --desk-st-a-asignar-bg: #d9d9d9; --desk-st-a-asignar-fg: #111111;    
  --desk-st-aprobacion-interna-bg: #bebebe; --desk-st-aprobacion-interna-fg: #111111;    
  --desk-st-en-cliente-bg: #cbcbcb; --desk-st-en-cliente-fg: #111111;    
  --desk-st-aprobado-bg: #e6e6e6; --desk-st-aprobado-fg: #111111;    
  --desk-st-finalizado-bg: #585858; --desk-st-finalizado-fg: #FFFFFF;    
  --desk-st-en-pausa-bg: #b0b0b0; --desk-st-en-pausa-fg: #111111;    
  --desk-st-cancelado-bg: #d9d9d9; --desk-st-cancelado-fg: #111111;    
  --desk-st-seguimiento-bg: #cbcbcb; --desk-st-seguimiento-fg: #111111;    
  --desk-st-programado-bg: #b0b0b0; --desk-st-programado-fg: #111111;    
  --desk-st-carga-manual-bg: #d9d9d9; --desk-st-carga-manual-fg: #111111;    
}

[data-desk-theme="bn-dark"]{
  --desk-st-a-ingresar-bg: #404040; --desk-st-a-ingresar-fg: #FFFFFF;    
  --desk-st-en-proceso-bg: #2e2e2e; --desk-st-en-proceso-fg: #FFFFFF;    
  --desk-st-a-asignar-bg: #404040; --desk-st-a-asignar-fg: #FFFFFF;    
  --desk-st-aprobacion-interna-bg: #535353; --desk-st-aprobacion-interna-fg: #FFFFFF;    
  --desk-st-en-cliente-bg: #4a4a4a; --desk-st-en-cliente-fg: #FFFFFF;    
  --desk-st-aprobado-bg: #373737; --desk-st-aprobado-fg: #FFFFFF;    
  --desk-st-finalizado-bg: #969696; --desk-st-finalizado-fg: #111111;    
  --desk-st-en-pausa-bg: #5c5c5c; --desk-st-en-pausa-fg: #FFFFFF;    
  --desk-st-cancelado-bg: #404040; --desk-st-cancelado-fg: #FFFFFF;    
  --desk-st-seguimiento-bg: #4a4a4a; --desk-st-seguimiento-fg: #FFFFFF;    
  --desk-st-programado-bg: #5c5c5c; --desk-st-programado-fg: #FFFFFF;    
  --desk-st-carga-manual-bg: #404040; --desk-st-carga-manual-fg: #FFFFFF;    
}

[data-desk-theme="light"], [data-desk-theme="bn-light"], [data-desk-theme="bn-dark"]{
  --desk-st-finalizado-marca: var(--desk-st-finalizado-bg);
  --desk-st-finalizado-marca-on: var(--desk-st-finalizado-fg);
}
[data-desk-theme="dark"]{
  --desk-st-finalizado-marca: var(--desk-st-finalizado-fg);
  --desk-st-finalizado-marca-on: var(--desk-surface);
}

[data-desk-theme]{
  --bg:var(--desk-bg); --panel:var(--desk-panel); --surface:var(--desk-surface);
  --inset:var(--desk-inset); --carbon:var(--desk-carbon); --onCarbon:var(--desk-onCarbon);
  --onCarbon2:var(--desk-onCarbon2); --text:var(--desk-text); --text2:var(--desk-text2);
  --text3:var(--desk-text3); --hair:var(--desk-hair); --ph:var(--desk-ph);
  --ini-bg:var(--desk-ini-bg); --ini-fg:var(--desk-ini-fg);
  --shadow:var(--desk-shadow); --accent:var(--desk-accent); --onAccent:var(--desk-onAccent);
  --accentText:var(--desk-accentText); --line:var(--desk-line); --soft:var(--desk-soft);
  --danger:var(--desk-danger); --chip:var(--desk-chip); --onChip:var(--desk-onChip);
  --hero:var(--desk-hero); --onHero:var(--desk-onHero);
}

[data-desk-theme^="bn-"] img,
[data-desk-theme^="bn-"] [data-desk-photo],
[data-desk-theme^="bn-"] .desk-avatar{ filter: grayscale(1); }
[data-desk-theme="bn-light"] [data-desk-logo]{ filter: grayscale(1) contrast(1.04); }
[data-desk-theme="bn-dark"] [data-desk-logo]{ filter: grayscale(1) contrast(1.1); }

*,*::before,*::after{ box-sizing: border-box; }
html,body{ margin:0; padding:0; }

h1,h2,h3,h4,h5,h6{ margin: 0; }

html{ background: var(--desk-bg); }

@media (max-width:760px){
  html,body{ overscroll-behavior-y: none; }
  :root{ --desk-mono-code: 12px; }    

  :root{ --desk-aire-pantalla: 40px; }

  :root{ --desk-doc-medida: 100%; --desk-doc-cuerpo: 16px; --desk-doc-titulo: 30px; --desk-doc-h1: 25px; --desk-doc-h2: 21px; --desk-doc-h3: 18px; }
}

@media (max-height:460px) and (orientation:landscape){
  :root{ --desk-aire-pantalla: 20px; }
}

@media (pointer: coarse) and (min-width: 600px) and (min-height: 500px){
  :root{ --desk-aire-pantalla: 72px; }
}
body{
  background: var(--desk-bg);
  color: var(--desk-text);
  font-family: var(--desk-font);
  font-size: var(--desk-fs-body);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

button, input, select, textarea, optgroup{ font-family: inherit; }

button, [type="button"], [type="submit"], [type="reset"]{
  margin: 0; padding: 0; border: 0; background: none; color: inherit; cursor: pointer;
}

button, [type="button"], [type="submit"], [type="reset"], a, label, summary{
  -webkit-tap-highlight-color: transparent;
}

button:disabled, [type="button"]:disabled, [type="submit"]:disabled{ cursor: default; }

summary{ list-style: none; }
summary::-webkit-details-marker{ display: none; }

input, select, textarea{ border: 0; background: none; }
select{ appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none; appearance: none; display: none; }

:focus-visible{ outline: var(--desk-foco-ancho) solid var(--desk-foco); outline-offset: var(--desk-foco-aire); }

.desk-sr{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}

a{ color: inherit; text-decoration: none; }
a:where(:not([class])){ color: var(--desk-accentText); }
a:where(:not([class])):hover{ color: var(--desk-text); text-decoration: underline; }

[hidden]{ display: none !important; }

.desk-scroll{ scrollbar-width: none; -ms-overflow-style: none; }
.desk-scroll::-webkit-scrollbar{ display: none; }
.desk-mono{ font-family: var(--desk-font-mono); font-size-adjust: none; font-variant-numeric: tabular-nums; }
.desk-nowrap{ white-space: nowrap; }

@keyframes desk-spin{ to{ transform: rotate(360deg); } }

@keyframes desk-eq{ 0%,100%{ height:4px } 50%{ height:14px } }

@keyframes desk-late{ 0%,100%{ opacity:1 } 50%{ opacity:.35 } }
@keyframes desk-fade-in{ from{ opacity:0 } to{ opacity:1 } }
@keyframes desk-tooltip-in{ from{ opacity:0; transform: translateY(3px) } to{ opacity:1; transform:none } }
@keyframes desk-pop-in{ from{ opacity:0; transform: translateY(6px) scale(.98) } to{ opacity:1; transform:none } }
@keyframes desk-sheet-up{ from{ transform: translateY(100%) } to{ transform:none } }
@keyframes desk-drawer-in{ from{ transform: translateX(-100%) } to{ transform:none } }

@keyframes desk-skeleton{ 0%,100%{ opacity:1 } 50%{ opacity:var(--desk-pulso-min) } }

@keyframes desk-pop-out{ from{ opacity:1; transform:none } to{ opacity:0; transform: translateY(-5px) scale(.985) } }
@keyframes desk-sheet-out{ from{ transform:none } to{ transform: translateY(100%) } }
@keyframes desk-drawer-out{ from{ transform:none } to{ transform: translateX(-100%) } }
@keyframes desk-scrim-out{ from{ opacity:1 } to{ opacity:0 } }

@keyframes desk-centrado-in{ from{ opacity:0; transform: translate(-50%,14px) scale(.965) } to{ opacity:1; transform: translate(-50%,0) scale(1) } }
@keyframes desk-centrado-out{ from{ opacity:1; transform: translate(-50%,0) scale(1) } to{ opacity:0; transform: translate(-50%,8px) scale(.98) } }

.desk-blur{ position:absolute; left:0; right:0; top:0; pointer-events:none; }
.desk-blur > span{ position:absolute; inset:0; display:block; }
.desk-blur > span:nth-child(1){
  backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px);
  mask-image: linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);
}
.desk-blur > span:nth-child(2){
  backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px);
  mask-image: linear-gradient(to bottom,#000 0%,#000 45%,transparent 82%);
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 45%,transparent 82%);
}
.desk-blur > span:nth-child(3){
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  mask-image: linear-gradient(to bottom,#000 0%,#000 26%,transparent 60%);
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 26%,transparent 60%);
}
.desk-blur > span:nth-child(4){
  backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px);
  mask-image: linear-gradient(to bottom,#000 0%,#000 8%,transparent 38%);
  -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 8%,transparent 38%);
}

.desk-blur > span:nth-child(5){
  background: linear-gradient(to bottom,
    rgb(var(--desk-surface-rgb) / .94) 0%,
    rgb(var(--desk-surface-rgb) / .62) 62%,
    rgb(var(--desk-surface-rgb) / 0) 100%);
}

:root {

  --desk-trama: repeating-linear-gradient(-45deg,#EFEFEE 0 1px,#F4F4F3 2.5px 10px);

  --desk-trama-celda: repeating-linear-gradient(-45deg,#E4E4E2 0 1px,#F4F4F3 2.5px 10px);

--desk-meta-sobre: 1.1;         
--desk-meta-senal: 1.2;         
--desk-calor-0: var(--desk-trama);                                         
--desk-calor-1: var(--desk-soft);                                          
--desk-calor-2: color-mix(in srgb, var(--desk-accent) 48%, var(--desk-surface));
--desk-calor-3: var(--desk-accent);                                        
--desk-calor-4: var(--desk-carbon);                                        
--desk-calor-2-fg: var(--desk-onAccent);
}

[data-desk-theme="dark"] { --desk-trama: repeating-linear-gradient(-45deg,#232930 0 1px,#1F2429 2.5px 10px); --desk-trama-celda: repeating-linear-gradient(-45deg,#2D353D 0 1px,#1F2429 2.5px 10px); }

[data-desk-theme="bn-light"] { --desk-trama: repeating-linear-gradient(-45deg,#EFEFEF 0 1px,#F4F4F4 2.5px 10px); --desk-trama-celda: repeating-linear-gradient(-45deg,#E4E4E4 0 1px,#F4F4F4 2.5px 10px); }
[data-desk-theme="bn-dark"] { --desk-trama: repeating-linear-gradient(-45deg,#242424 0 1px,#1E1E1E 2.5px 10px); --desk-trama-celda: repeating-linear-gradient(-45deg,#303030 0 1px,#1E1E1E 2.5px 10px); }

[data-desk-tono="gris"]{
  --desk-tono: #7b8187;         
  --desk-tono-soft: #eff0f2;
  --desk-tono-text: #676c73;    
}
[data-desk-tono="azul"]{
  --desk-tono: #2c76d3;         
  --desk-tono-soft: #e7f1ff;
  --desk-tono-text: #206bc7;    
}
[data-desk-tono="celeste"]{
  --desk-tono: #2b95bd;         
  --desk-tono-soft: #e0f4fd;
  --desk-tono-text: #007599;    
}
[data-desk-tono="verde"]{
  --desk-tono: #389252;         
  --desk-tono-soft: #e3f6e6;
  --desk-tono-text: #1b7b3c;    
}
[data-desk-tono="lima"]{
  --desk-tono: #749f2b;         
  --desk-tono-soft: #eaf5de;
  --desk-tono-text: #527700;    
}
[data-desk-tono="amarillo"]{
  --desk-tono: #b78b01;         
  --desk-tono-soft: #f9efda;
  --desk-tono-text: #886600;    
}
[data-desk-tono="naranja"]{
  --desk-tono: #d36c1b;         
  --desk-tono-soft: #ffece1;
  --desk-tono-text: #ab5200;    
}
[data-desk-tono="rojo"]{
  --desk-tono: #9a3353;         
  --desk-tono-soft: #ffeaee;
  --desk-tono-text: #9a3353;    
}
[data-desk-tono="violeta"]{
  --desk-tono: #7c58c3;         
  --desk-tono-soft: #f1edff;
  --desk-tono-text: #7a57c1;    
}

[data-desk-theme="dark"] [data-desk-tono="gris"],
[data-desk-theme="bn-dark"] [data-desk-tono="gris"]{
  --desk-tono: #999fa6;         
  --desk-tono-soft: #2e3033;
  --desk-tono-text: #959aa0;    
}
[data-desk-theme="dark"] [data-desk-tono="azul"],
[data-desk-theme="bn-dark"] [data-desk-tono="azul"]{
  --desk-tono: #4c96f5;         
  --desk-tono-soft: #193150;
  --desk-tono-text: #5a9bf1;    
}
[data-desk-theme="dark"] [data-desk-tono="celeste"],
[data-desk-theme="bn-dark"] [data-desk-tono="celeste"]{
  --desk-tono: #50b5de;         
  --desk-tono-soft: #153542;
  --desk-tono-text: #4da4c8;    
}
[data-desk-theme="dark"] [data-desk-tono="verde"],
[data-desk-theme="bn-dark"] [data-desk-tono="verde"]{
  --desk-tono: #59b26f;         
  --desk-tono-soft: #1b3822;
  --desk-tono-text: #5dab70;    
}
[data-desk-theme="dark"] [data-desk-tono="lima"],
[data-desk-theme="bn-dark"] [data-desk-tono="lima"]{
  --desk-tono: #92bf4f;         
  --desk-tono-soft: #273612;
  --desk-tono-text: #80a845;    
}
[data-desk-theme="dark"] [data-desk-tono="amarillo"],
[data-desk-theme="bn-dark"] [data-desk-tono="amarillo"]{
  --desk-tono: #d7aa3a;         
  --desk-tono-soft: #3c2e0b;
  --desk-tono-text: #bb9432;    
}
[data-desk-theme="dark"] [data-desk-tono="naranja"],
[data-desk-theme="bn-dark"] [data-desk-tono="naranja"]{
  --desk-tono: #f68b43;         
  --desk-tono-soft: #48260f;
  --desk-tono-text: #de8041;    
}
[data-desk-theme="dark"] [data-desk-tono="rojo"],
[data-desk-theme="bn-dark"] [data-desk-tono="rojo"]{
  --desk-tono: #bc516f;         
  --desk-tono-soft: #48232c;
  --desk-tono-text: #dd7a92;    
}
[data-desk-theme="dark"] [data-desk-tono="violeta"],
[data-desk-theme="bn-dark"] [data-desk-tono="violeta"]{
  --desk-tono: #9977e4;         
  --desk-tono-soft: #33294d;
  --desk-tono-text: #a487ea;    
}

[data-desk-theme="bn-light"] [data-desk-tono]{ --desk-tono:#6E6E6E; --desk-tono-soft:#ECECEC; --desk-tono-text:#3A3A3A; }
[data-desk-theme="bn-dark"] [data-desk-tono]{ --desk-tono:#9A9A9A; --desk-tono-soft:#2B2E31; --desk-tono-text:#D7DADD; }

[data-desk-theme="light"] [data-desk-accent="azul"],
[data-desk-theme="light"][data-desk-accent="azul"]{
  --desk-circuito-1: #93CDEF; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #2E96D9; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #0077BF; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #004F81; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="turquesa"],
[data-desk-theme="light"][data-desk-accent="turquesa"]{
  --desk-circuito-1: #8FDEDB; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #3BC7C2; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #0B7574; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #05403F; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="lima"],
[data-desk-theme="light"][data-desk-accent="lima"]{
  --desk-circuito-1: #DDFF85; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #B4F01E; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #9BD40F; --desk-onCircuito-3: #16181B;   
  --desk-circuito-4: #628709; --desk-onCircuito-4: #16181B;   
}
[data-desk-theme="light"] [data-desk-accent="verde"],
[data-desk-theme="light"][data-desk-accent="verde"]{
  --desk-circuito-1: #9EEBBE; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #3FD379; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #1FB85F; --desk-onCircuito-3: #16181B;   
  --desk-circuito-4: #12723B; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="naranja"],
[data-desk-theme="light"][data-desk-accent="naranja"]{
  --desk-circuito-1: #FFC38A; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #F5871F; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #DE6E08; --desk-onCircuito-3: #16181B;   
  --desk-circuito-4: #8F4404; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="violeta"],
[data-desk-theme="light"][data-desk-accent="violeta"]{
  --desk-circuito-1: #BFB2F9; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #7C63EC; --desk-onCircuito-2: #FFFFFF;   
  --desk-circuito-3: #5F44D9; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #3A288C; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="rosa"],
[data-desk-theme="light"][data-desk-accent="rosa"]{
  --desk-circuito-1: #FFB0CB; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #F94F87; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #E12A66; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #961246; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="light"] [data-desk-accent="mono"],
[data-desk-theme="light"][data-desk-accent="mono"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="dark"] [data-desk-accent="azul"],
[data-desk-theme="dark"][data-desk-accent="azul"]{
  --desk-circuito-1: #0077BF; --desk-onCircuito-1: #FFFFFF;   
  --desk-circuito-2: #2E96D9; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #5CB2E6; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #93CDEF; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="turquesa"],
[data-desk-theme="dark"][data-desk-accent="turquesa"]{
  --desk-circuito-1: #D0F0EF; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #5FD3CF; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #3BC7C2; --desk-onCircuito-3: #16181B;   
  --desk-circuito-4: #17ACA8; --desk-onCircuito-4: #16181B;   
}
[data-desk-theme="dark"] [data-desk-accent="lima"],
[data-desk-theme="dark"][data-desk-accent="lima"]{
  --desk-circuito-1: #9BD40F; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #B4F01E; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C7FF38; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #DDFF85; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="verde"],
[data-desk-theme="dark"][data-desk-accent="verde"]{
  --desk-circuito-1: #1FB85F; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #3FD379; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #6FE39A; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #9EEBBE; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="naranja"],
[data-desk-theme="dark"][data-desk-accent="naranja"]{
  --desk-circuito-1: #DE6E08; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #F5871F; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #FFA24D; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #FFC38A; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="violeta"],
[data-desk-theme="dark"][data-desk-accent="violeta"]{
  --desk-circuito-1: #5F44D9; --desk-onCircuito-1: #FFFFFF;   
  --desk-circuito-2: #7C63EC; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #9C88F4; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #BFB2F9; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="rosa"],
[data-desk-theme="dark"][data-desk-accent="rosa"]{
  --desk-circuito-1: #E12A66; --desk-onCircuito-1: #FFFFFF;   
  --desk-circuito-2: #F94F87; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #FF7FAB; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #FFB0CB; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="dark"] [data-desk-accent="mono"],
[data-desk-theme="dark"][data-desk-accent="mono"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-light"] [data-desk-accent="azul"],
[data-desk-theme="bn-light"][data-desk-accent="azul"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="turquesa"],
[data-desk-theme="bn-light"][data-desk-accent="turquesa"]{
  --desk-circuito-1: #8FDEDB; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #3BC7C2; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #0B7574; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #05403F; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="lima"],
[data-desk-theme="bn-light"][data-desk-accent="lima"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="verde"],
[data-desk-theme="bn-light"][data-desk-accent="verde"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="naranja"],
[data-desk-theme="bn-light"][data-desk-accent="naranja"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="violeta"],
[data-desk-theme="bn-light"][data-desk-accent="violeta"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="rosa"],
[data-desk-theme="bn-light"][data-desk-accent="rosa"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-light"] [data-desk-accent="mono"],
[data-desk-theme="bn-light"][data-desk-accent="mono"]{
  --desk-circuito-1: #E3E3E3; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #7A7A7A; --desk-onCircuito-3: #FFFFFF;   
  --desk-circuito-4: #2E2E2E; --desk-onCircuito-4: #FFFFFF;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="azul"],
[data-desk-theme="bn-dark"][data-desk-accent="azul"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="turquesa"],
[data-desk-theme="bn-dark"][data-desk-accent="turquesa"]{
  --desk-circuito-1: #D0F0EF; --desk-onCircuito-1: #16181B;   
  --desk-circuito-2: #5FD3CF; --desk-onCircuito-2: #16181B;   
  --desk-circuito-3: #3BC7C2; --desk-onCircuito-3: #16181B;   
  --desk-circuito-4: #17ACA8; --desk-onCircuito-4: #16181B;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="lima"],
[data-desk-theme="bn-dark"][data-desk-accent="lima"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="verde"],
[data-desk-theme="bn-dark"][data-desk-accent="verde"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="naranja"],
[data-desk-theme="bn-dark"][data-desk-accent="naranja"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="violeta"],
[data-desk-theme="bn-dark"][data-desk-accent="violeta"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="rosa"],
[data-desk-theme="bn-dark"][data-desk-accent="rosa"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}
[data-desk-theme="bn-dark"] [data-desk-accent="mono"],
[data-desk-theme="bn-dark"][data-desk-accent="mono"]{
  --desk-circuito-1: #7A7A7A; --desk-onCircuito-1: #101214;   
  --desk-circuito-2: #A5A5A5; --desk-onCircuito-2: #101214;   
  --desk-circuito-3: #C9C9C9; --desk-onCircuito-3: #101214;   
  --desk-circuito-4: #E3E3E3; --desk-onCircuito-4: #101214;   
}

   🔴 Y HAY UN SOLO TONO DE TEXTO, NO DOS — medido el 29/09 en las 8 paletas
   × 4 temas antes de escribir esto. El carbón admite un secundario (blanco al
   55 %) porque es casi negro y le sobra contraste. **El acento no tiene ese
   presupuesto:** `--desk-onAccent` está calculado para APENAS pasar el piso
   —azul da 4,78— así que cualquier transparencia encima cae debajo de 4,5. Con
   un `onAccent2` al 62 % medí 2,45 a 4,41 según la paleta: ninguna llegaba.

   O sea: encima del acento el texto va SIEMPRE a `--desk-onAccent`, entero.
   Lo que se pierde es la jerarquía por tono, y se recupera por tamaño y peso.
   `--desk-onAccentSoft` existe, pero es para SUPERFICIES —el hairline de una
   fila, el tramo usado de una barra—, nunca para texto.                     */
:root,
[data-desk-accent]{
  --desk-onAccentSoft: color-mix(in srgb, var(--desk-onAccent) 18%, transparent);
}