/* GENERADO desde packages/ui/tokens.json por packages/ui/herramientas/generar-tokens.mjs. No editar a mano. */

/* ---- Tipografías. En la salida local, la construcción cambia estas url() por data: ---- */
@font-face { font-family: "Albert Sans"; src: url("/fuentes/AlbertSans-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; 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; }
@font-face { font-family: "Albert Sans"; src: url("/fuentes/AlbertSans-Variable-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; 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: "Geist Mono"; src: url("/fuentes/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

/* ---- Tipografías de impresión: un fichero por peso, para que el PDF de Firefox lleve texto y no trazos ---- */
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/AlbertSans-Variable-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/impresion/AlbertSans-450.woff2") format("woff2"); font-weight: 450; font-style: normal; font-display: swap; }
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/impresion/AlbertSans-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/impresion/AlbertSans-650.woff2") format("woff2"); font-weight: 650; font-style: normal; font-display: swap; }
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/impresion/AlbertSans-760.woff2") format("woff2"); font-weight: 760; font-style: normal; font-display: swap; }
@font-face { font-family: "Albert Sans Impresa"; src: url("/fuentes/impresion/AlbertSans-860.woff2") format("woff2"); font-weight: 860; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono Impresa"; src: url("/fuentes/GeistMono-Variable.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono Impresa"; src: url("/fuentes/impresion/GeistMono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono Impresa"; src: url("/fuentes/impresion/GeistMono-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono Impresa"; src: url("/fuentes/impresion/GeistMono-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

/* ---- Tema claro: el de por defecto, y el que se imprime ---- */
:root, [data-tema="claro"] {
  color-scheme: light;
  --papel: #F6F5F1;
  --superficie: #FFFFFF;
  --superficie-hundida: #EEECE6;
  --tinta: #111111;
  --tinta-suave: #5C5B57;
  --linea: #DEDCD5;
  --linea-control: #807E78;
  --borde-tarjeta: #E6E3DB;
  --subrayador: #FFC700;
  --sobre-subrayador: #111111;
  --subrayador-suave: #FFF1BF;
  --subrayador-intenso: #EBB700;
  --inverso: #111111;
  --sobre-inverso: #F6F5F1;
  --sobre-inverso-suave: #C9C7C0;
  --fijo-tinta: #111111;
  --fijo-papel: #F6F5F1;
  --fijo-carbon: #2D2D2D;
  --foco: #111111;
  --estado-error: #B3261E;
  --estado-ok: #0A6C8F;
  --capa-precios: #111111;
  --capa-nomina: #5C5B57;
  --capa-recibo: #A9A69E;
  --grupo-trabajo: #2F62E0;
  --grupo-consumo: #FF8A00;
  --grupo-bienes: #00B3A4;
  --grupo-resto: #2D2D2D;
  --grupo-trabajo-tinta: #2550C0;
  --grupo-trabajo-suave: #E6EDFC;
  --grupo-consumo-tinta: #A85200;
  --grupo-consumo-suave: #FFEBD6;
  --grupo-bienes-tinta: #00756B;
  --grupo-bienes-suave: #D9F3F0;
  --grupo-resto-tinta: #2D2D2D;
  --grupo-resto-suave: #ECEAE4;
  --dato-neutro: #85827A;
  --banda-fuerte: #F6F5F1;
  --sombra-ticket: 0 18px 30px -18px rgba(17,17,17,0.35);
  --sombra-tarjeta: 0 1px 2px rgba(17,17,17,0.05), 0 6px 20px -6px rgba(17,17,17,0.10);
  --sombra-elevada: 0 2px 4px rgba(17,17,17,0.06), 0 14px 32px -10px rgba(17,17,17,0.18);
  --ver-en-claro: block;
  --ver-en-oscuro: none;
}

/* ---- Tema oscuro: el del sistema, salvo que la página fuerce el claro ---- */
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    color-scheme: dark;
    --papel: #111111;
    --superficie: #1E1E1E;
    --superficie-hundida: #0A0A0A;
    --tinta: #F5F4F0;
    --tinta-suave: #B3B1AA;
    --linea: #2D2D2D;
    --linea-control: #8C8A84;
    --borde-tarjeta: #2D2D2D;
    --subrayador: #FFC700;
    --sobre-subrayador: #111111;
    --subrayador-suave: #3A2E0A;
    --subrayador-intenso: #FFD54D;
    --inverso: #F5F5F5;
    --sobre-inverso: #111111;
    --sobre-inverso-suave: #5C5B57;
    --fijo-tinta: #111111;
    --fijo-papel: #F6F5F1;
    --fijo-carbon: #2D2D2D;
    --foco: #FFC700;
    --estado-error: #FF8F85;
    --estado-ok: #6CC5E8;
    --capa-precios: #EDEDED;
    --capa-nomina: #A9A69E;
    --capa-recibo: #6E6C66;
    --grupo-trabajo: #5C8BFF;
    --grupo-consumo: #FF9A2E;
    --grupo-bienes: #1FC7B8;
    --grupo-resto: #808080;
    --grupo-trabajo-tinta: #9DB8FF;
    --grupo-trabajo-suave: #16213B;
    --grupo-consumo-tinta: #FFB15C;
    --grupo-consumo-suave: #33230F;
    --grupo-bienes-tinta: #4FD9CB;
    --grupo-bienes-suave: #0E2E2B;
    --grupo-resto-tinta: #C2C2C2;
    --grupo-resto-suave: #262626;
    --dato-neutro: #7A7871;
    --banda-fuerte: #2D2D2D;
    --sombra-ticket: none;
    --sombra-tarjeta: 0 1px 2px rgba(0,0,0,0.4);
    --sombra-elevada: 0 2px 6px rgba(0,0,0,0.5);
    --ver-en-claro: none;
    --ver-en-oscuro: block;
  }
}

/* ---- Tema oscuro forzado: <html data-tema="oscuro"> o cualquier bloque con ese atributo ---- */
@media screen {
  :root[data-tema="oscuro"], [data-tema="oscuro"] {
    color-scheme: dark;
    --papel: #111111;
    --superficie: #1E1E1E;
    --superficie-hundida: #0A0A0A;
    --tinta: #F5F4F0;
    --tinta-suave: #B3B1AA;
    --linea: #2D2D2D;
    --linea-control: #8C8A84;
    --borde-tarjeta: #2D2D2D;
    --subrayador: #FFC700;
    --sobre-subrayador: #111111;
    --subrayador-suave: #3A2E0A;
    --subrayador-intenso: #FFD54D;
    --inverso: #F5F5F5;
    --sobre-inverso: #111111;
    --sobre-inverso-suave: #5C5B57;
    --fijo-tinta: #111111;
    --fijo-papel: #F6F5F1;
    --fijo-carbon: #2D2D2D;
    --foco: #FFC700;
    --estado-error: #FF8F85;
    --estado-ok: #6CC5E8;
    --capa-precios: #EDEDED;
    --capa-nomina: #A9A69E;
    --capa-recibo: #6E6C66;
    --grupo-trabajo: #5C8BFF;
    --grupo-consumo: #FF9A2E;
    --grupo-bienes: #1FC7B8;
    --grupo-resto: #808080;
    --grupo-trabajo-tinta: #9DB8FF;
    --grupo-trabajo-suave: #16213B;
    --grupo-consumo-tinta: #FFB15C;
    --grupo-consumo-suave: #33230F;
    --grupo-bienes-tinta: #4FD9CB;
    --grupo-bienes-suave: #0E2E2B;
    --grupo-resto-tinta: #C2C2C2;
    --grupo-resto-suave: #262626;
    --dato-neutro: #7A7871;
    --banda-fuerte: #2D2D2D;
    --sombra-ticket: none;
    --sombra-tarjeta: 0 1px 2px rgba(0,0,0,0.4);
    --sombra-elevada: 0 2px 6px rgba(0,0,0,0.5);
    --ver-en-claro: none;
    --ver-en-oscuro: block;
  }
}

/* ---- Tema invertido (.tema-invertido): los colores del otro tema, solo en pantalla ---- */
@media screen {
  .tema-invertido, :root[data-tema="claro"] .tema-invertido {
    color-scheme: dark;
    --papel: #111111;
    --superficie: #1E1E1E;
    --superficie-hundida: #0A0A0A;
    --tinta: #F5F4F0;
    --tinta-suave: #B3B1AA;
    --linea: #2D2D2D;
    --linea-control: #8C8A84;
    --borde-tarjeta: #2D2D2D;
    --subrayador: #FFC700;
    --sobre-subrayador: #111111;
    --subrayador-suave: #3A2E0A;
    --subrayador-intenso: #FFD54D;
    --inverso: #F5F5F5;
    --sobre-inverso: #111111;
    --sobre-inverso-suave: #5C5B57;
    --fijo-tinta: #111111;
    --fijo-papel: #F6F5F1;
    --fijo-carbon: #2D2D2D;
    --foco: #FFC700;
    --estado-error: #FF8F85;
    --estado-ok: #6CC5E8;
    --capa-precios: #EDEDED;
    --capa-nomina: #A9A69E;
    --capa-recibo: #6E6C66;
    --grupo-trabajo: #5C8BFF;
    --grupo-consumo: #FF9A2E;
    --grupo-bienes: #1FC7B8;
    --grupo-resto: #808080;
    --grupo-trabajo-tinta: #9DB8FF;
    --grupo-trabajo-suave: #16213B;
    --grupo-consumo-tinta: #FFB15C;
    --grupo-consumo-suave: #33230F;
    --grupo-bienes-tinta: #4FD9CB;
    --grupo-bienes-suave: #0E2E2B;
    --grupo-resto-tinta: #C2C2C2;
    --grupo-resto-suave: #262626;
    --dato-neutro: #7A7871;
    --banda-fuerte: #2D2D2D;
    --sombra-ticket: none;
    --sombra-tarjeta: 0 1px 2px rgba(0,0,0,0.4);
    --sombra-elevada: 0 2px 6px rgba(0,0,0,0.5);
    --ver-en-claro: none;
    --ver-en-oscuro: block;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) .tema-invertido {
    color-scheme: light;
    --papel: #F6F5F1;
    --superficie: #FFFFFF;
    --superficie-hundida: #EEECE6;
    --tinta: #111111;
    --tinta-suave: #5C5B57;
    --linea: #DEDCD5;
    --linea-control: #807E78;
    --borde-tarjeta: #E6E3DB;
    --subrayador: #FFC700;
    --sobre-subrayador: #111111;
    --subrayador-suave: #FFF1BF;
    --subrayador-intenso: #EBB700;
    --inverso: #111111;
    --sobre-inverso: #F6F5F1;
    --sobre-inverso-suave: #C9C7C0;
    --fijo-tinta: #111111;
    --fijo-papel: #F6F5F1;
    --fijo-carbon: #2D2D2D;
    --foco: #111111;
    --estado-error: #B3261E;
    --estado-ok: #0A6C8F;
    --capa-precios: #111111;
    --capa-nomina: #5C5B57;
    --capa-recibo: #A9A69E;
    --grupo-trabajo: #2F62E0;
    --grupo-consumo: #FF8A00;
    --grupo-bienes: #00B3A4;
    --grupo-resto: #2D2D2D;
    --grupo-trabajo-tinta: #2550C0;
    --grupo-trabajo-suave: #E6EDFC;
    --grupo-consumo-tinta: #A85200;
    --grupo-consumo-suave: #FFEBD6;
    --grupo-bienes-tinta: #00756B;
    --grupo-bienes-suave: #D9F3F0;
    --grupo-resto-tinta: #2D2D2D;
    --grupo-resto-suave: #ECEAE4;
    --dato-neutro: #85827A;
    --banda-fuerte: #F6F5F1;
    --sombra-ticket: 0 18px 30px -18px rgba(17,17,17,0.35);
    --sombra-tarjeta: 0 1px 2px rgba(17,17,17,0.05), 0 6px 20px -6px rgba(17,17,17,0.10);
    --sombra-elevada: 0 2px 4px rgba(17,17,17,0.06), 0 14px 32px -10px rgba(17,17,17,0.18);
    --ver-en-claro: block;
    --ver-en-oscuro: none;
  }
}
@media screen {
  :root[data-tema="oscuro"] .tema-invertido {
    color-scheme: light;
    --papel: #F6F5F1;
    --superficie: #FFFFFF;
    --superficie-hundida: #EEECE6;
    --tinta: #111111;
    --tinta-suave: #5C5B57;
    --linea: #DEDCD5;
    --linea-control: #807E78;
    --borde-tarjeta: #E6E3DB;
    --subrayador: #FFC700;
    --sobre-subrayador: #111111;
    --subrayador-suave: #FFF1BF;
    --subrayador-intenso: #EBB700;
    --inverso: #111111;
    --sobre-inverso: #F6F5F1;
    --sobre-inverso-suave: #C9C7C0;
    --fijo-tinta: #111111;
    --fijo-papel: #F6F5F1;
    --fijo-carbon: #2D2D2D;
    --foco: #111111;
    --estado-error: #B3261E;
    --estado-ok: #0A6C8F;
    --capa-precios: #111111;
    --capa-nomina: #5C5B57;
    --capa-recibo: #A9A69E;
    --grupo-trabajo: #2F62E0;
    --grupo-consumo: #FF8A00;
    --grupo-bienes: #00B3A4;
    --grupo-resto: #2D2D2D;
    --grupo-trabajo-tinta: #2550C0;
    --grupo-trabajo-suave: #E6EDFC;
    --grupo-consumo-tinta: #A85200;
    --grupo-consumo-suave: #FFEBD6;
    --grupo-bienes-tinta: #00756B;
    --grupo-bienes-suave: #D9F3F0;
    --grupo-resto-tinta: #2D2D2D;
    --grupo-resto-suave: #ECEAE4;
    --dato-neutro: #85827A;
    --banda-fuerte: #F6F5F1;
    --sombra-ticket: 0 18px 30px -18px rgba(17,17,17,0.35);
    --sombra-tarjeta: 0 1px 2px rgba(17,17,17,0.05), 0 6px 20px -6px rgba(17,17,17,0.10);
    --sombra-elevada: 0 2px 4px rgba(17,17,17,0.06), 0 14px 32px -10px rgba(17,17,17,0.18);
    --ver-en-claro: block;
    --ver-en-oscuro: none;
  }
}

/* ---- Lo que no cambia con el tema ---- */
:root {
  --font-sans: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 20px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-10: 40px;
  --espacio-12: 48px;
  --espacio-16: 64px;
  --espacio-24: 96px;
  --radio-0: 0px;
  --radio-s: 8px;
  --radio-m: 12px;
  --radio-l: 20px;
  --radio-pastilla: 999px;
  --ancho-lectura: 680px;
  --ancho-pagina: 1120px;
  --grosor-linea: 1px;
  --grosor-control: 2px;
  --grosor-foco: 3px;
  --alto-control: 48px;
  --pistas: [total-start rail-start] minmax(0, 5fr) [rail-end lectura-start] minmax(0, 9fr) [lectura-end total-end];
  --canal: var(--espacio-12);
  --tipo-cifra-heroe: 860 96px/0.95 var(--font-sans);
  --tipo-cifra-heroe-espaciado: -0.035em;
  --tipo-cifra-grande: 860 56px/1 var(--font-sans);
  --tipo-cifra-grande-espaciado: -0.03em;
  --tipo-titular-1: 860 52px/56px var(--font-sans);
  --tipo-titular-1-espaciado: -0.03em;
  --tipo-titular-2: 860 32px/37px var(--font-sans);
  --tipo-titular-2-espaciado: -0.025em;
  --tipo-titular-3: 760 21px/28px var(--font-sans);
  --tipo-titular-3-espaciado: -0.015em;
  --tipo-entradilla: 450 21px/31px var(--font-sans);
  --tipo-entradilla-espaciado: normal;
  --tipo-cuerpo-lectura: 450 18px/30px var(--font-sans);
  --tipo-cuerpo-lectura-espaciado: normal;
  --tipo-cuerpo: 450 17px/26px var(--font-sans);
  --tipo-cuerpo-espaciado: normal;
  --tipo-cuerpo-pequeno: 450 15px/22px var(--font-sans);
  --tipo-cuerpo-pequeno-espaciado: normal;
  --tipo-nota: 500 13px/18px var(--font-sans);
  --tipo-nota-espaciado: normal;
  --tipo-etiqueta: 760 12px/16px var(--font-sans);
  --tipo-etiqueta-espaciado: 0.08em;
  --tipo-boton: 760 16px/20px var(--font-sans);
  --tipo-boton-espaciado: normal;
  --tipo-ticket-linea: 400 15px/22px var(--font-mono);
  --tipo-ticket-linea-espaciado: normal;
  --tipo-ticket-total: 700 20px/26px var(--font-mono);
  --tipo-ticket-total-espaciado: normal;
  --tipo-dato: 650 14px/20px var(--font-sans);
  --tipo-dato-espaciado: normal;
}

/* ---- La brocha de la marca final (packages/ui/herramientas/brocha.mjs): la punta izquierda, el centro y la punta derecha ---- */
:root {
  --brocha-alto: 1.08em;
  --brocha-punta: 0.499em;
  --brocha-amarilla-izquierda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 214' preserveAspectRatio='none'%3E%3Cpath fill='%23FFC700' fill-rule='evenodd' d='M99 24.1l-1.5 0.2l-2.2 0.7l-5.3 0l-2.5 1l-6.1 0.3l-1.4-0.2l0-0.6l2.3-1.2l16.7-2.7l0-2.7l-4.5 0.4l-11 1.7l-6 0.1l-2 0.9l-10.7 1l-3.5 1l-7.5 1l-9.1 2.6l-2.2 2.9l0.8 2.3l-0.8 1.2l-10.2 1l-4.5 1.3l-4 2.5l-3.1 3.7l0 2.6l3.1 0.9l2.2 2.3l-0.7 0.7l-3.2 0.2l-2.6 2.8l0.3 2.3l1.5 1l-0.8 1.5l0 2.5l1 1.2l2 1l-1.1 2.9l0.5 2.5l1.1 0.9l2.2 0.2l0.3 2.5l2.5 2l-5 1.5l-3.7 0l-1.8 1l-2.5 0l-1.5 1.5l4 6.8l1.8 5.2l-3 6.3l-1.5 1.2l-3.5 7.8l-1.5 1.2l-1.3 3.3l-1.7 1.2l-0.4 1.8l3.1 6.2l0 1.8l1 1l0 2l1 1.2l0 1.8l1 1.2l0 1.8l1 1.2l0 1.8l1.1 1.7l-0.8 1l-1.3 0l-1.5 1l-2.2 0l-3 1.3l-3.3 2l-2.3 2.5l-0.8 1.6l-0.1 2.6l1 1l0.2 1.3l-1.2 1.5l-0.3 2l0.5 0.7l2.2 0.5l0.1 0.5l-2.3 1.8l-0.2 2.5l0.6 1.3l2.4 1.2l-0.8 1.7l-0.1 2.7l1.6 4.1l1.8 2l3.5 2l8.7-1.5l4.8 0.7l5.2-1.2l4.3 0l6.6-1.1l-1.1 2.3l-2.3 0l-7 2l-3 1l-3.2 2l-2.8 6.3l-1 1l0 1.2l-0.7 1.3l0.8 3l-1.3 2.5l0.2 2l1 0.5l1.5-1.2l4 2.4l-1 1l-3.5 0.3l-1 1.2l0 2.3l1 1.5l0 1l2 1.7l0 3l1.3 2.8l2 2l4.8 2.1l1.9-0.1l3.5-2l5.5 0l3.5-1.3l1.8 0l1.2 1.3l3.3 0.7l1.2-0.7l2.3 0l2.2-1l4.3 0l1.7-1l2.8 0l2.2-1l3.3 0l2.5-1l3.5 0l2.5-1l3.2 0l8.5-2l3.8 0l2.7-1l2 0z'/%3E%3C/svg%3E");
  --brocha-amarilla-centro: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 299.8 214' preserveAspectRatio='none'%3E%3Cpath fill='%23FFC700' fill-rule='evenodd' d='M299.8 0.1l-0.3-0.1l-6.2 0l-0.6 0.1l0.1 1.4l1.5 1l5.5 0l0 2.5l-45.3 0l-4 0.3l1.9 0.6l-1.1 0.1l-17.3 0l-12.9 1l-18.2 0l-4.1 1l-11.9 0.3l-1.2-0.3l0.1-0.5l3.5-1.7l4.2 0l3-1l7.3-0.3l0.7-0.1l0.3-1.1l0.7-0.3l-15 0l-8.5 1l-9 0l-1.2 0.2l0.2 0.6l-2 0.2l-22.1 0l-5.1 1.5l-5 0.5l-3.5-0.7l-4 0.7l-6 0l0.1 0.5l-0.9 0.3l-11.2 0.2l-3.5 1l0.5 1l10-0.2l4-1.2l3.2 1.2l3.8 0l5.5-1l12.3-0.2l2.2-0.8l6 0l1.5-1l8.5 0l3.7-1.1l4.3 1.3l0.5 1.4l-1 0.6l-5.8 0l-7.7 1l-11.5 0l-4.8 1l-11.7 0l-5 1l-9.3 0l-4.5 1l-8 0l-4.5 1l-5.2 0l-4.8 1l-6.5 0l-3.2 1l-5.5 0l-3.8 1l-9.5 0l-4 1l-7.3 0l-3.2 1l-5.5 0l-1.7 0.8l-4.5 0.2l-1.8 0.8l-9.7 0.2l-4 1l-5.3 0.3l-2 0.7l-13.5 1.3l0 0l0-2.5l6.5-1l2.5 0l2.3-0.8l6.2-0.2l4-1l3.5 0l6-1.5l7.3-0.5l2.1-1.2l2.6 1.2l1.5 0l1.5-0.3l2.5-1.7l1.5 1l5.8 0l2.7-1l2.7 0.5l1.6-0.5l5.5 0l7.5-1.5l3.5 0.2l1.5-0.7l5.7 0l4.8-1l4 0l2.2-1l0.2-1.6l-4.1-0.3l-6.6 1.1l-8 0.3l-1.7 0.7l-7.8 0.3l-3 0.7l-7.2 0l-2.8 1l-15.5 1.3l-0.8 0.8l-1.4 0.4l-13.5 0.5l-11.8 2l-13.5 1l0 184.8l3.3 0l2.7-1l10.8-1l3-1l3.5 0l3.5-1l4.5 0l3.5-1l3.2 0l3.5-1l3.8 0l3.5-1l4.5 0l4-1l3.7 0l3.5-1l4.8 0l4.5-1l4.7 0l3.8-1l4.2 0l3.8-1l4.7 0l4.7-1l7.8-0.3l3-0.7l4.8 0l4.5-1l5.7 0l5.3-1l5.7 0l4.8-1l6 0l6.2-1l8.3 0l6.2-1l6.3 0l22.5-2l34.7-1.3l24-1.5l-2.2-0.2l46.5 0zM285.5 1.3l-1-1l0.8-0.3l-22.4-0.1l-11.1 1.1l-17.3 0l-6 1.3l-13.1-0.1l0.3 1.5l0.6 0.1l6 0l8.5-1.3l2.2 1.3l8 0l5.4-0.1l-0.4-0.2l1.5-1.5l1.6-0.2l1.9 0.2l1 1.1l1.4 0.4l8.4-0.7l15.7 0l4-1l3.5 0z'/%3E%3C/svg%3E");
  --brocha-amarilla-derecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 214' preserveAspectRatio='none'%3E%3Cpath fill='%23FFC700' fill-rule='evenodd' d='M98.7 80.8l-1.1-2.3l-1.9-1.7l-0.2-2.3l-1.6-2.1l-2.8-2.1l-2.6-0.3l-1.5-0.7l0.4-0.2l-27.3-0.2l1.4-0.4l1.2-1.5l2.5 0.3l3.3-0.5l1.4-0.8l1.7-2.6l-1.9-2.6l-0.2-1.5l1-0.3l1 0.8l1.7 0l2.7-3.1l-0.4-6.7l-1.5-1.9l2.5-1.8l0-2l-3.1-2.6l0.6-0.9l1.5-0.1l1.1-0.7l0.6-4.5l-1.7-2.2l-1.7-4.6l-4.6-2.9l-3.2 0l-3.5-0.8l-29.1-0.7l0.8-0.2l-0.3-1l0.8-0.1l9.1-0.3l2.9-3.9l-1.2-2.3l-2.2-1.9l0.9-0.8l2.5 0.2l1.8-1.7l-1-1.8l-0.3-2.5l-1.5-1.2l-2-3.3l-5.6-2.6l-3.4 0.1l-5.5-0.8l-3.8 0.6l-1.5-0.7l-8.8-0.2l-11 0.2l-0.5 0.1l0.4 0.6l-0.7 0l-2.1-0.8l-1.2 0l0 2.5l3 0l1.6-1.4l3.1 1.7l5 0l1.3 1l-0.1 1l-0.7 0.2l-13.2 0l0 174.8l21.1 0l2.3-0.3l-0.2-0.5l0.7-0.1l5.6 0.9l17 0.2l1.5 0.2l-0.3 0.6l4.8 0.7l6-2.2l2-2l0.2-1.7l2.6-1.2l0.2-0.6l-0.1-3.8l-0.7-1.7l-1.2-1l-2-0.5l-0.5-1.3l0.5-0.5l4.3-0.3l0.7-0.9l-0.7-2.1l-0.7-1.3l-1.9-1.4l-5-1.2l-0.6-0.7l8.1-0.1l8.8 0.8l5.5-2.5l2.1-1.8l0.4-1.7l0-5.5l0.1-0.7l1.8 0.2l0.2-4.5l-0.6-1.5l-1.5-1.3l1.2-2.5l-0.5-8.6l-3.5-2.9l0.1-0.6l2.4-1.4l0.3-1.2l-1.5-2l-2.7-1.8l-7.3-0.6l-0.4-0.9l16.8-0.9l4.1-1.4l3.4-2.6l1.3-1.8l0.5-2.3l1.8-2.2l0.1-3.7l-0.5-1.8l-2-2.8l-2.9-1.4l-0.2-1.1l4-0.2l1.2-1.1l0.3-1.4l-0.5-2l-1.5-2l0.7-0.8l3.2-0.8z'/%3E%3C/svg%3E");
  --brocha-tinta-izquierda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 214' preserveAspectRatio='none'%3E%3Cpath fill='%23111111' fill-rule='evenodd' d='M99 24.1l-1.5 0.2l-2.2 0.7l-5.3 0l-2.5 1l-6.1 0.3l-1.4-0.2l0-0.6l2.3-1.2l16.7-2.7l0-2.7l-4.5 0.4l-11 1.7l-6 0.1l-2 0.9l-10.7 1l-3.5 1l-7.5 1l-9.1 2.6l-2.2 2.9l0.8 2.3l-0.8 1.2l-10.2 1l-4.5 1.3l-4 2.5l-3.1 3.7l0 2.6l3.1 0.9l2.2 2.3l-0.7 0.7l-3.2 0.2l-2.6 2.8l0.3 2.3l1.5 1l-0.8 1.5l0 2.5l1 1.2l2 1l-1.1 2.9l0.5 2.5l1.1 0.9l2.2 0.2l0.3 2.5l2.5 2l-5 1.5l-3.7 0l-1.8 1l-2.5 0l-1.5 1.5l4 6.8l1.8 5.2l-3 6.3l-1.5 1.2l-3.5 7.8l-1.5 1.2l-1.3 3.3l-1.7 1.2l-0.4 1.8l3.1 6.2l0 1.8l1 1l0 2l1 1.2l0 1.8l1 1.2l0 1.8l1 1.2l0 1.8l1.1 1.7l-0.8 1l-1.3 0l-1.5 1l-2.2 0l-3 1.3l-3.3 2l-2.3 2.5l-0.8 1.6l-0.1 2.6l1 1l0.2 1.3l-1.2 1.5l-0.3 2l0.5 0.7l2.2 0.5l0.1 0.5l-2.3 1.8l-0.2 2.5l0.6 1.3l2.4 1.2l-0.8 1.7l-0.1 2.7l1.6 4.1l1.8 2l3.5 2l8.7-1.5l4.8 0.7l5.2-1.2l4.3 0l6.6-1.1l-1.1 2.3l-2.3 0l-7 2l-3 1l-3.2 2l-2.8 6.3l-1 1l0 1.2l-0.7 1.3l0.8 3l-1.3 2.5l0.2 2l1 0.5l1.5-1.2l4 2.4l-1 1l-3.5 0.3l-1 1.2l0 2.3l1 1.5l0 1l2 1.7l0 3l1.3 2.8l2 2l4.8 2.1l1.9-0.1l3.5-2l5.5 0l3.5-1.3l1.8 0l1.2 1.3l3.3 0.7l1.2-0.7l2.3 0l2.2-1l4.3 0l1.7-1l2.8 0l2.2-1l3.3 0l2.5-1l3.5 0l2.5-1l3.2 0l8.5-2l3.8 0l2.7-1l2 0z'/%3E%3C/svg%3E");
  --brocha-tinta-centro: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 299.8 214' preserveAspectRatio='none'%3E%3Cpath fill='%23111111' fill-rule='evenodd' d='M299.8 0.1l-0.3-0.1l-6.2 0l-0.6 0.1l0.1 1.4l1.5 1l5.5 0l0 2.5l-45.3 0l-4 0.3l1.9 0.6l-1.1 0.1l-17.3 0l-12.9 1l-18.2 0l-4.1 1l-11.9 0.3l-1.2-0.3l0.1-0.5l3.5-1.7l4.2 0l3-1l7.3-0.3l0.7-0.1l0.3-1.1l0.7-0.3l-15 0l-8.5 1l-9 0l-1.2 0.2l0.2 0.6l-2 0.2l-22.1 0l-5.1 1.5l-5 0.5l-3.5-0.7l-4 0.7l-6 0l0.1 0.5l-0.9 0.3l-11.2 0.2l-3.5 1l0.5 1l10-0.2l4-1.2l3.2 1.2l3.8 0l5.5-1l12.3-0.2l2.2-0.8l6 0l1.5-1l8.5 0l3.7-1.1l4.3 1.3l0.5 1.4l-1 0.6l-5.8 0l-7.7 1l-11.5 0l-4.8 1l-11.7 0l-5 1l-9.3 0l-4.5 1l-8 0l-4.5 1l-5.2 0l-4.8 1l-6.5 0l-3.2 1l-5.5 0l-3.8 1l-9.5 0l-4 1l-7.3 0l-3.2 1l-5.5 0l-1.7 0.8l-4.5 0.2l-1.8 0.8l-9.7 0.2l-4 1l-5.3 0.3l-2 0.7l-13.5 1.3l0 0l0-2.5l6.5-1l2.5 0l2.3-0.8l6.2-0.2l4-1l3.5 0l6-1.5l7.3-0.5l2.1-1.2l2.6 1.2l1.5 0l1.5-0.3l2.5-1.7l1.5 1l5.8 0l2.7-1l2.7 0.5l1.6-0.5l5.5 0l7.5-1.5l3.5 0.2l1.5-0.7l5.7 0l4.8-1l4 0l2.2-1l0.2-1.6l-4.1-0.3l-6.6 1.1l-8 0.3l-1.7 0.7l-7.8 0.3l-3 0.7l-7.2 0l-2.8 1l-15.5 1.3l-0.8 0.8l-1.4 0.4l-13.5 0.5l-11.8 2l-13.5 1l0 184.8l3.3 0l2.7-1l10.8-1l3-1l3.5 0l3.5-1l4.5 0l3.5-1l3.2 0l3.5-1l3.8 0l3.5-1l4.5 0l4-1l3.7 0l3.5-1l4.8 0l4.5-1l4.7 0l3.8-1l4.2 0l3.8-1l4.7 0l4.7-1l7.8-0.3l3-0.7l4.8 0l4.5-1l5.7 0l5.3-1l5.7 0l4.8-1l6 0l6.2-1l8.3 0l6.2-1l6.3 0l22.5-2l34.7-1.3l24-1.5l-2.2-0.2l46.5 0zM285.5 1.3l-1-1l0.8-0.3l-22.4-0.1l-11.1 1.1l-17.3 0l-6 1.3l-13.1-0.1l0.3 1.5l0.6 0.1l6 0l8.5-1.3l2.2 1.3l8 0l5.4-0.1l-0.4-0.2l1.5-1.5l1.6-0.2l1.9 0.2l1 1.1l1.4 0.4l8.4-0.7l15.7 0l4-1l3.5 0z'/%3E%3C/svg%3E");
  --brocha-tinta-derecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 99 214' preserveAspectRatio='none'%3E%3Cpath fill='%23111111' fill-rule='evenodd' d='M98.7 80.8l-1.1-2.3l-1.9-1.7l-0.2-2.3l-1.6-2.1l-2.8-2.1l-2.6-0.3l-1.5-0.7l0.4-0.2l-27.3-0.2l1.4-0.4l1.2-1.5l2.5 0.3l3.3-0.5l1.4-0.8l1.7-2.6l-1.9-2.6l-0.2-1.5l1-0.3l1 0.8l1.7 0l2.7-3.1l-0.4-6.7l-1.5-1.9l2.5-1.8l0-2l-3.1-2.6l0.6-0.9l1.5-0.1l1.1-0.7l0.6-4.5l-1.7-2.2l-1.7-4.6l-4.6-2.9l-3.2 0l-3.5-0.8l-29.1-0.7l0.8-0.2l-0.3-1l0.8-0.1l9.1-0.3l2.9-3.9l-1.2-2.3l-2.2-1.9l0.9-0.8l2.5 0.2l1.8-1.7l-1-1.8l-0.3-2.5l-1.5-1.2l-2-3.3l-5.6-2.6l-3.4 0.1l-5.5-0.8l-3.8 0.6l-1.5-0.7l-8.8-0.2l-11 0.2l-0.5 0.1l0.4 0.6l-0.7 0l-2.1-0.8l-1.2 0l0 2.5l3 0l1.6-1.4l3.1 1.7l5 0l1.3 1l-0.1 1l-0.7 0.2l-13.2 0l0 174.8l21.1 0l2.3-0.3l-0.2-0.5l0.7-0.1l5.6 0.9l17 0.2l1.5 0.2l-0.3 0.6l4.8 0.7l6-2.2l2-2l0.2-1.7l2.6-1.2l0.2-0.6l-0.1-3.8l-0.7-1.7l-1.2-1l-2-0.5l-0.5-1.3l0.5-0.5l4.3-0.3l0.7-0.9l-0.7-2.1l-0.7-1.3l-1.9-1.4l-5-1.2l-0.6-0.7l8.1-0.1l8.8 0.8l5.5-2.5l2.1-1.8l0.4-1.7l0-5.5l0.1-0.7l1.8 0.2l0.2-4.5l-0.6-1.5l-1.5-1.3l1.2-2.5l-0.5-8.6l-3.5-2.9l0.1-0.6l2.4-1.4l0.3-1.2l-1.5-2l-2.7-1.8l-7.3-0.6l-0.4-0.9l16.8-0.9l4.1-1.4l3.4-2.6l1.3-1.8l0.5-2.3l1.8-2.2l0.1-3.7l-0.5-1.8l-2-2.8l-2.9-1.4l-0.2-1.1l4-0.2l1.2-1.1l0.3-1.4l-0.5-2l-1.5-2l0.7-0.8l3.2-0.8z'/%3E%3C/svg%3E");
}

/* ---- La rejilla: con la página a su ancho completo, el canal entre las dos pistas es mayor ---- */
@media (min-width: 74em) {
  :root {
    --canal: var(--espacio-16);
  }
}

/* ---- En el papel, las tipografías de impresión por delante ---- */
@media print {
  :root {
    --font-sans: "Albert Sans Impresa", "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "Geist Mono Impresa", "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  }
}

/* ---- Ajustes de móvil que el manual da en prosa (ver AJUSTES_MOVIL en el generador) ---- */
@media (max-width: 640px) {
  :root {
    --tipo-titular-1: 860 34px/40px var(--font-sans);
    --tipo-cifra-heroe: 860 clamp(52px, 12.5vw, 96px)/0.95 var(--font-sans);
    --tipo-cuerpo-lectura: 450 17px/28px var(--font-sans);
  }
}

/* ---- Estilos de texto: una clase por estilo del manual ---- */
.cifra-heroe { font: var(--tipo-cifra-heroe); letter-spacing: var(--tipo-cifra-heroe-espaciado); font-variant-numeric: tabular-nums; }
.cifra-grande { font: var(--tipo-cifra-grande); letter-spacing: var(--tipo-cifra-grande-espaciado); font-variant-numeric: tabular-nums; }
.titular-1 { font: var(--tipo-titular-1); letter-spacing: var(--tipo-titular-1-espaciado); }
.titular-2 { font: var(--tipo-titular-2); letter-spacing: var(--tipo-titular-2-espaciado); }
.titular-3 { font: var(--tipo-titular-3); letter-spacing: var(--tipo-titular-3-espaciado); }
.entradilla { font: var(--tipo-entradilla); letter-spacing: var(--tipo-entradilla-espaciado); }
.cuerpo-lectura { font: var(--tipo-cuerpo-lectura); letter-spacing: var(--tipo-cuerpo-lectura-espaciado); }
.cuerpo { font: var(--tipo-cuerpo); letter-spacing: var(--tipo-cuerpo-espaciado); }
.cuerpo-pequeno { font: var(--tipo-cuerpo-pequeno); letter-spacing: var(--tipo-cuerpo-pequeno-espaciado); }
.nota { font: var(--tipo-nota); letter-spacing: var(--tipo-nota-espaciado); }
.etiqueta { font: var(--tipo-etiqueta); letter-spacing: var(--tipo-etiqueta-espaciado); text-transform: uppercase; }
.boton { font: var(--tipo-boton); letter-spacing: var(--tipo-boton-espaciado); }
.ticket-linea { font: var(--tipo-ticket-linea); letter-spacing: var(--tipo-ticket-linea-espaciado); font-variant-numeric: tabular-nums; }
.ticket-total { font: var(--tipo-ticket-total); letter-spacing: var(--tipo-ticket-total-espaciado); font-variant-numeric: tabular-nums; }
.dato { font: var(--tipo-dato); letter-spacing: var(--tipo-dato-espaciado); font-variant-numeric: tabular-nums; }