/* ==========================================================================
   TOKENS DE DISEÑO — :root, .app-light, .app-dark, .ap. Ver §2.
   Archivo 1 de 9. El ORDEN de los nueve importa: Docs/DESIGN-LANGUAGE.md.
   ========================================================================== */
/* Auto-hospedada: Google eran dos handshakes cruzados en el camino critico.
   Solo latin y latin-ext. Ver DESIGN-LANGUAGE.md §5. */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/fonts/nunito-sans-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(/fonts/nunito-sans-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
    /*Colore darkmode*/
    --background-color-darkmode: #0D0E15;
    --background-color-secundary-darkmode: #141625;
    --font-color-darkmode: #EAEBFA;
    --object-color-hover-darkmode: #1A1F26;
    --border-color: #31323B;

    /* Motion (visual-refinement, slice 7). MudTheme exposes no motion
       surface, so these live here rather than in MudTheme. */
    --motion-fast: 120ms;
    --motion-base: 200ms;
    --motion-slow: 320ms;
    --motion-ease: cubic-bezier(.2, 0, 0, 1); /* M3 standard easing */

    /* Sombras de una capa, no los var(--mud-elevation-N) de 3 capas. Ver DESIGN-LANGUAGE.md §3. */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, .10);

    /* 1.75rem para los 21 <h1> de la app. El argumento: DESIGN-LANGUAGE.md §5.1. */
    --page-title-size: 1.75rem;

    /* Inset lateral de cualquier dialogo. Geometria invariante, asi que vive
       aca y no en un scope de modulo. Ver §2.1. */
    --pad-dialog: 28px;
}
/* Jerarquia de grid anidado + estado de fila.
   El modelo, la cadena de profundidad y los contrastes medidos: §1.2, §2.5, §6.1. */
:root{
    /* Radios concentricos: interior = exterior - padding. Invertirlo encaja mal las esquinas. Ver §2.1. */
    --gh-r-tray-1: 14px;
    --gh-r-row-1: 11px;
    --gh-r-tray-2: 12px;
    --gh-r-row-2: 9px;
    --gh-r-card: 18px;
    --gh-r-control: 12px;
    --gh-pad-card: 32px 32px 8px;
    --gh-pad-tray: 12px;
    /* border-spacing solo expresa UN hueco; los 6px que faltan salen del margen de la bandeja. Ver §2.1. */
    --gh-gap-rows: 8px;
    --gh-gap-group-extra: 6px;
    /* Row padding DECREASES with depth (guide §3.2): 16px 24px / 13px 14px /
       12px 14px. Needed because `.mud-table-cell` sets a flat 13px globally. */
    /* Escala densa: cada valor es el anterior x 0.9. La tipografia sola no bajaba la altura de fila. */
    --gh-pad-row-0: 14px 22px;
    --gh-pad-row-1: 12px 13px;
    --gh-pad-row-2: 11px 13px;
    /* One indent for every level (guide §9.5). Matches the parent level's
       chevron column width so the detail is born aligned with the parent text. */
    --gh-indent: 44px;
}
.app-light{
    --gh-tray-1: #EBF0F7;
    --gh-row-1: #FFFFFF;
    --gh-tray-2: #DEE6F2;
    --gh-row-2: #FFFFFF;
    --gh-label-1: #63758D;
    --gh-label-2: #5B6E88;
    --gh-empty: #6D7785;
    --gh-row-shadow: 0 1px 2px rgba(16, 24, 40, .05);
    --gh-strong: #1B2A41;
    --gh-head: #22344C;
    --gh-body: #3B4F69;

    /* Token propio, no --gh-strong: los titulares llevan un navy mas saturado. Ver §2.5. */
    --gh-title: #1B3A61;

    --gh-line-card: #DCE3EE;
    --gh-line-divider: #E2E9F3;

    /* Par destructivo de la paleta, 5.65:1. El plato lee por MATIZ, no por luminosidad. Ver §2.5. */
    --danger-ink: #B32424;
    --danger-plate: #FBEAEA;
    --gh-line-tray-1: #D9E1EC;
    --gh-line-row-1: #DBE3EF;
    --gh-line-row-1-hover: #C2D0E4;
    --gh-line-tray-2: #CBD6E7;
    --gh-line-row-2: #D5DFEE;
    --gh-line-row-2-hover: #B9C9E0;
    --field-border: #7C8BA2;
    --gh-surf-hover: #F6F9FC;
    --gh-icon-chevron: #3F5573;
    --gh-icon-pager: #A6B3C6;
    /* Mismo valor que --gh-tray-1 a proposito, nombre propio porque el ROL es distinto. Ver §2.2. */
    --field-fill: #EBF0F7;
    /* Necesita su propio valor: con --gh-tray-1 el hover no producia NINGUN cambio. Ver §2.2. */
    --field-fill-hover: #DEE6F2;

    --status-warn-bg: #FBEBD1;
    --status-warn-fg: #8A5A08;
    --status-warn-dot: #B47D11;
    --status-info-bg: #DEE9FE;
    --status-info-fg: #1D4ED8;
    --status-info-dot: #2563EB;
    --status-neutral-bg: #EFF3F9;
    --status-neutral-fg: #5F7087;

    --status-ok-bg: #E3F3E7;
    --status-ok-fg: #1B7A3D;
    --status-ok-dot: #2E9950;
    --status-danger-bg: #FBEAEA;
    --status-danger-fg: #B32424;
    --status-danger-dot: #C23131;

    /* Coinsurance participation bar (S4), added here in S0 so later slices only
       consume tokens. Descending order of participation share, darkest first. */
    --coins-1: #22456F;
    --coins-2: #3D6491;
    --coins-3: #5A84B2;
    --coins-4: #86A8C9;
    --coins-5: #B7CBE0;

    --pending-bg: #FFFCF4;
    --pending-line: #E4CF9E;

    --surf-item: #F6F9FC;
    --surf-chip-neutral: #EFF3F9;

    --text-support: #7C8BA2;
    --text-placeholder: #A6B3C6;
    --icon-action: #3F5573;

    /* Alias de --gh-label-2, no hex copiado: un alias no puede driftear. Ver §2.2. */
    --text-muted-2: var(--gh-label-2);

    --r-chip: 999px;
    --r-icon: 8px;

    /* Par de control seleccionado. Por que no el primary invertido: §2.5. */
    --control-on: #22456F;
    --control-on-ink: #FFFFFF;

    /* Literal del mock, no derivado: la derivacion daba #D3DBE7, 1.27x mas oscuro. Ver §2.5. */
    --control-on-plate: #EEF3FA;

    --font-code: ui-monospace, SFMono-Regular, Menlo, monospace;

    --line-input: #D4DDEA;

    /* Nombres nuevos para roles que ya existen se declaran como alias var(). Ver §2.2. */

    /* Aliases onto roles this app already declares. */
    --fld-bg: var(--field-fill);
    --fld-bg-hover: var(--field-fill-hover);
    --surf-page: var(--mud-palette-background);
    --sh-card: var(--shadow-lg);

    /* Divider INSIDE a card, one step lighter than `--gh-line-divider`.
       1.09:1 against #FFFFFF — a hairline by design: it separates content,
       it does not frame it. */
    --line-inner: #EFF2F7;

    /* 1.22:1 contra su relleno: lee como borde, nunca como contenido. Ver §2.5. */
    --chip-ok-line: #BEE3C8;

    /* The module's ONLY solid red: the `Excluir N ítems` confirm (hard rule 5,
       mudblazor/modulo_polizas/README.md:74). White label measures 6.57:1. */
    --danger-bg-strong: #B32424;
    --danger-bg-strong-hover: #8F1C1C;   /* white label 8.93:1 */

    /* DESVIA del insumo (#93A1B5 mide 2.62:1 y falla el piso 3:1). Ver §2.5. */
    --icon-filter: #63758D;
}
.app-dark{
    /* La paleta no declara par destructivo oscuro; el plato se deriva al 12%. Ver §2.5 y §12. */
    --danger-ink: #E06B6B;
    --danger-plate: color-mix(in srgb, #E06B6B 12%, var(--field-fill));

    --gh-tray-1: #0C111B;
    --gh-row-1: #1B2434;
    --gh-tray-2: #070B12;
    --gh-row-2: #202A3C;
    --gh-label-1: #8496AE;
    --gh-label-2: #7F90A8;
    --gh-empty: #7E92AD;
    /* En oscuro la elevacion es color: una sombra negra sobre negro solo ensucia. Ver §3. */
    --gh-row-shadow: none;
    --gh-strong: #F2F6FC;
    --gh-head: #D5DFEE;
    --gh-body: #B0BFD4;

    /* SIN MEDIR: no hay valor oscuro de titular en ningun insumo. Ver §2.5 y §12. */
    --gh-title: #F2F6FC;

    --gh-line-card: #262F41;
    --gh-line-divider: #242D3E;
    --gh-line-tray-1: #232C3D;
    --gh-line-row-1: #2C384B;
    --gh-line-row-1-hover: #3E4D64;
    --gh-line-tray-2: #1D2534;
    --gh-line-row-2: #333F55;
    --gh-line-row-2-hover: #47566F;
    --field-border: #5E7290;
    --gh-surf-hover: #182031;
    --gh-icon-chevron: #A9B9CF;
    --gh-icon-pager: #5F6F86;
    --field-fill: #0C111B;
    /* Va mas CLARO en oscuro: la direccion del hover se invierte con el modo. Ver §2.5. */
    --field-fill-hover: #141B29;

    --status-warn-bg: #3A2B10;
    --status-warn-fg: #F3C266;
    --status-warn-dot: #F0AE2E;
    --status-info-bg: #152A4C;
    --status-info-fg: #8FBBFF;
    --status-info-dot: #6BA6FF;
    --status-neutral-bg: #1B2434;
    --status-neutral-fg: #8496AE;

    /* orden-emision-redesign S0 — dark counterparts of the new light-mode
       tokens above. `danger` reuses the dark destructive ink already derived
       for this theme (`--danger-ink: #E06B6B`). */
    --status-ok-bg: #123420;
    --status-ok-fg: #6FCB8E;
    --status-ok-dot: #3FAE68;
    --status-danger-bg: #3A1414;
    --status-danger-fg: #E06B6B;
    --status-danger-dot: #E06B6B;

    /* Rampa sobre el matiz de marca. Arrancaba en el Primary invertido y la barra se iba a blanco. Ver §2.5. */
    --coins-1: #8FB8E8;
    --coins-2: #6E97CC;
    --coins-3: #5279AE;
    --coins-4: #3C5D8C;
    --coins-5: #2C466B;

    --pending-bg: #2E2510;
    --pending-line: #F0AE2E;

    /* Se mide contra el SURFACE del dialogo, no contra la fila del grid. Ver §2.5. */
    --surf-item: #151926;
    --surf-chip-neutral: #1B2434;

    --text-support: #8496AE;
    --text-placeholder: #5F6F86;
    --icon-action: #A9B9CF;

    /* orden-emision-redesign S5 (spec G3): dark counterpart, aliased to
       `--gh-label-2` (#7F90A8) for the same reason as the light block above. */
    --text-muted-2: var(--gh-label-2);

    --r-chip: 999px;
    --r-icon: 8px;

    /* Contraparte oscura del control seleccionado, de un barrido de 5 candidatos. Ver §2.5. */
    --control-on: #3E76BA;
    --control-on-ink: #FFFFFF;

    /* 14% y no 18/22: a mas la caja cae debajo de 3:1. Ver §2.5. */
    --control-on-plate: #1F2A42;

    --font-code: ui-monospace, SFMono-Regular, Menlo, monospace;

    /* orden-emision-redesign S3a: dark counterpart of `--line-input`
       (01-DESIGN-SYSTEM.md §2.2 gives this exact value, `--line-input:
       #2B3547` — not inferred, taken straight from the handoff's dark block). */
    --line-input: #2B3547;

    /* §2.2 del insumo es asimetrica con §2.1: estos cuatro valores oscuros son AUTORADOS. Ver §2.5. */

    /* Aliases onto roles this app already declares. */
    --fld-bg: var(--field-fill);
    --fld-bg-hover: var(--field-fill-hover);
    --surf-page: var(--mud-palette-background);

    /* No es alias de --shadow-lg: en oscuro la elevacion es color. Ver §3. */
    --sh-card: none;

    /* Taken straight from the handoff's dark block — not inferred. */
    --line-inner: #1D2534;

    /* AUTORADO. Mas alto que el par claro: las superficies casi negras comprimen. Ver §2.5. */
    --chip-ok-line: #1E5334;

    /* AUTORADO. El #B32424 claro mide 2.67:1 en oscuro y falla 1.4.11. Ver §2.5. */
    --danger-bg-strong: #C43333;

    /* El hover va mas CLARO en oscuro. Ver §2.5. */
    --danger-bg-strong-hover: #CB3838;

    /* Un paso debajo de --icon-action, sobre el piso de 3:1. Ver §2.5. */
    --icon-filter: #8496AE;
}
/* Acuerdos de pago — fundacion visual del modulo, todo scopeado bajo .ap.
   Los tokens compartidos que consume los LEE, nunca los reasigna. Ver §2.6 y §6.10. */
/* --------------------------------------------------------------------------
   1.1 — module tokens, light (visual-01 "Minimum set" + design §7.2 table)
   -------------------------------------------------------------------------- */
/* Vocabulario compartido del lenguaje. Lo lee cualquier modulo bajo .bl.
   Ver DESIGN-LANGUAGE.md, "Catalogo de patrones". */
.bl {
    --bl-btn-primary-bg: var(--mud-palette-primary);
    --bl-btn-primary-fg: var(--mud-palette-primary-text);
    --bl-btn-primary-bg-hover: #1A3557;
    --bl-chip-ok-bg: #EEF9F1;
    --bl-chip-ok-fg: #1D7A3D;
    --bl-chip-ok-dot: #2FA05A;
    --bl-chip-warn-dot: #DE9A15;
    --bl-r-control: 10px;
    --bl-h-field: 48px;
    --bl-h-btn-dialog: 44px;
    --bl-h-btn-compact: 36px;
    --bl-surf-card: #FFFFFF;
    --bl-kpi-bg: var(--ap-surf-item);
    --bl-kpi-warn-bg: #FBEBD1;
    --bl-kpi-warn-line: #EDD3A6;
    --bl-kpi-warn-fg: #8A5A08;
    --bl-kpi-info-bg: #DEE9FE;
    --bl-kpi-info-line: #BFD4FA;
    --bl-kpi-info-fg: #1D4ED8;
    --bl-seg-track: #EFF2F7;
    --bl-seg-track-hover: #E7ECF4;
    --bl-seg-active-bg: #FFFFFF;
    --bl-seg-active-fg: var(--ap-btn-primary-bg);
    --bl-seg-inactive-fg: #5B6E88;
    --bl-seg-track-fill: #FFFFFF;
    --bl-seg-track-fill-hover: #F6F9FC;
    --bl-seg-active-fill-bg: var(--ap-btn-primary-bg);
    --bl-seg-active-fill-fg: var(--ap-btn-primary-fg);
    --bl-dialog-actions-bg: #FBFCFE;
}

.ap {
    /* §2.1 roles this app does not declare under any name */
    --ap-btn-primary-bg: var(--bl-btn-primary-bg);
    --ap-btn-primary-fg: var(--bl-btn-primary-fg);
    --ap-btn-primary-bg-hover: var(--bl-btn-primary-bg-hover);
    --ap-danger-line: #E8C4C4;
    --ap-sh-row-2: 0 1px 2px rgba(16, 24, 40, .06);

    /* §2.1 status chips — D9 (ok family) / D10 (warn dot literal restored).
       The shared --status-ok / --status-warn-dot tokens stay untouched app-wide. */
    --ap-chip-ok-bg: var(--bl-chip-ok-bg);
    --ap-chip-ok-fg: var(--bl-chip-ok-fg);
    --ap-chip-ok-line: #BEE3C8;
    --ap-chip-warn-dot: var(--bl-chip-warn-dot);

    /* §3.1 — the one radius whose app value differs (--gh-r-control is 12px) */
    --ap-r-control: var(--bl-r-control);

    /* §3.2 — spacing roles with no app equivalent */
    --ap-grid-gutter: 20px;
    --ap-pad-dialog: var(--pad-dialog);

    /* Worklist trays: the row is a card (plus 1px border), the head is not.
       Both grids must start at the same x. */
    --ap-tray-gutter: 32px;
    --ap-pad-tray: 18px;
    --ap-pad-tray-inset: calc(var(--ap-tray-gutter) + 1px + var(--ap-pad-tray));

    /* §3.3 — control-height ladder (spec-addendum B5), all inline literals
       today; this module is the first to name them. */
    --ap-h-field: var(--bl-h-field);
    --ap-h-btn-card: 40px;
    --ap-h-btn-row: 38px;
    --ap-h-btn-icon: 32px;

    /* Literal, no --mud-palette-surface: en oscuro ese token resuelve al #1A1E2E de la app. */
    --ap-surf-card: var(--bl-surf-card);
    --ap-surf-item: #F5F8FC;

    /* KPI bar */
    --ap-kpi-warn-fg: var(--bl-kpi-warn-fg);
    --ap-kpi-info-bg: var(--bl-kpi-info-bg);
    --ap-kpi-info-line: var(--bl-kpi-info-line);
    --ap-kpi-info-fg: var(--bl-kpi-info-fg);

    /* segmented controls — D14 (three variants share these roles) */
    /* variant C only — the track sits on a --surf-tray-1 panel, so its fill
       inverts the same way a filled input inverts inside a tray (§4.2). */

    /* installment plan progress bar (design #920 §7.2 — NOT the same as
       --ap-btn-primary-bg: dark fill is --status-info-fg, not inverted Primary,
       see QA6 in visual-03) */
    --ap-plan-track: #E2E9F3;
    --ap-plan-fill: #22456F;

    /* dashed "En confirmación" chip */
    --ap-chip-confirm-bg: #EFF3F9;
    --ap-chip-confirm-dash: #93B6F0;
    --ap-chip-confirm-fg: #1D4ED8;

    /* selected installment row (Aplicar pago dialog grid) — D15 */
    --ap-row-selected: #F5F8FC;

    /* dashed upload field (Comprobante) */
    --ap-upload-bg: #FFFFFF;
    --ap-upload-dash: #C2D0E4;
    --ap-upload-fg: #22456F;

    /* dialog chrome */
    --ap-dialog-head: #F6F9FC;
    --ap-tab-underline: #22456F;

    /* checkbox (dialog CUOTAS grid, §2.12) */
    --ap-checkbox-off: #C2D0E4;
    --ap-checkbox-on: #22456F;
    --ap-checkbox-ink: #FFFFFF;

    /* toolbar "Reporte de pago" — outlined in light (D17) */
    --ap-report-btn-bg: transparent;
    --ap-report-btn-border: #C2D0E4;
    --ap-report-btn-fg: #22456F;
}

/* --------------------------------------------------------------------------
   CREDITOS — the only two values of the credit state scale with no existing
   token. The other ten are aliases; see wwwroot/css/10-credits.css §2.
   -------------------------------------------------------------------------- */
.cre {
    /* Decoration, not text: the 4.5:1 floor does not apply to a 7px dot. */
    --cre-spent-dot: #93A1B5;
    --cre-void-dot: #D14343;
}
/* The void dot holds its value in dark; the spent one does not. */
.app-dark .cre {
    --cre-spent-dot: #5A6E8C;
}
/* --------------------------------------------------------------------------
   1.7 / 1.8 / 1.9 / 1.10 / 1.11 / 1.12 — dark completions (visual-03 §2 rows
   2,5,6,7,8,13,16,19,20,21 + D9/D10/D16/D17/D18)
   -------------------------------------------------------------------------- */
/* Contraparte oscura del vocabulario compartido. */
.app-dark .bl {
    --bl-btn-primary-bg-hover: #FFFFFF;
    --bl-chip-ok-bg: #10301D;
    --bl-chip-ok-fg: #7FD69B;
    --bl-chip-ok-dot: #4FBF7B;
    --bl-chip-warn-dot: #F0AE2E;
    --bl-surf-card: #131926;
    --bl-kpi-bg: var(--ap-surf-item);
    --bl-kpi-warn-bg: #3A2B10;
    --bl-kpi-warn-line: #4A3714;
    --bl-kpi-warn-fg: #F3C266;
    --bl-kpi-info-bg: #152A4C;
    --bl-kpi-info-line: #24395C;
    --bl-kpi-info-fg: #8FBBFF;
    --bl-seg-track: #0C111B;
    --bl-seg-track-hover: #182031;
    --bl-seg-active-bg: #1B2434;
    --bl-seg-active-fg: var(--ap-btn-primary-bg);
    --bl-seg-inactive-fg: #8496AE;
    --bl-seg-track-fill: #202A3C;
    --bl-seg-track-fill-hover: #26314599;
    --bl-seg-active-fill-bg: var(--ap-btn-primary-bg);
    --bl-seg-active-fill-fg: var(--ap-btn-primary-fg);
    --bl-surf-card: #131926;
    --bl-dialog-actions-bg: #131926;
}

.app-dark .ap {
    --ap-btn-primary-bg-hover: var(--bl-btn-primary-bg-hover);
    --ap-sh-row-2: none;

    /* D9 — dark Pagada follows 01-DESIGN-SYSTEM.md §2.2, not 04-DARK-THEME.md */
    --ap-chip-ok-bg: var(--bl-chip-ok-bg);
    --ap-chip-ok-fg: var(--bl-chip-ok-fg);
    /* Faltaba: el #BEE3C8 claro daba 10.26:1 sobre este relleno — contraste de
       TEXTO para un borde. 1.60:1, la banda correcta. Ver §2.5. */
    --ap-chip-ok-line: #1E5334;
    /* El revert del warn-dot es solo de claro; se restata para no heredar un valor viejo. */
    --ap-chip-warn-dot: var(--bl-chip-warn-dot);

    --ap-danger-line: #6B2A2A;

    --ap-surf-card: var(--bl-surf-card);
    --ap-surf-item: #182031;

    --ap-kpi-warn-fg: var(--bl-kpi-warn-fg);
    --ap-kpi-info-bg: var(--bl-kpi-info-bg);
    --ap-kpi-info-line: var(--bl-kpi-info-line);
    --ap-kpi-info-fg: var(--bl-kpi-info-fg);

    /* row 5 — segmented track/pill, variants A/B */

    /* INTERIM: el insumo no mapea la variante C en oscuro. Revisar si diseno da un valor. */

    /* row 8 — progress bar; fill is --status-info-fg, NOT inverted Primary
       (QA6: Primary would render a flat white slab) */
    --ap-plan-track: #2C384B;
    --ap-plan-fill: #8FBBFF;

    /* Aclarado desde #3C5C8F, que fallaba 1.4.11 contra las dos superficies. Ver §2.5. */
    --ap-chip-confirm-bg: #141C2B;
    --ap-chip-confirm-dash: #4E70AE;
    --ap-chip-confirm-fg: #8FBBFF;

    /* Medido en el dialogo Aplicar pago (#131926), no contra la fila L2 del arbol: 1.13:1. */
    --ap-row-selected: #202A3C;

    /* row 19 — dashed upload field */
    --ap-upload-bg: #202A3C;
    --ap-upload-dash: #47566F;
    --ap-upload-fg: #8FBBFF;

    /* Solo de modulo: PaletteDark.Surface se queda en #1A1E2E. Ver §2.6. */
    --ap-surf-card: var(--bl-surf-card);
    /* row 21 — dialog table header */
    --ap-dialog-head: #1B2434;
    /* row 20 — active tab underline */
    --ap-tab-underline: #8FBBFF;

    --ap-checkbox-off: #47566F;
    --ap-checkbox-on: #E9EFF8;
    --ap-checkbox-ink: #16233A;

    /* Altura 44 de escala de footer, distinta de los 32px de la accion de fila L2. */
    --ap-report-btn-bg: #E9EFF8;
    --ap-report-btn-border: transparent;
    --ap-report-btn-fg: #16233A;
}