@font-face{font-family:Inter;src:url(/brand/fonts/Inter-Regular.otf);font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/brand/fonts/Inter-Medium.otf);font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/brand/fonts/Inter-SemiBold.otf);font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(/brand/fonts/Inter-Bold.otf);font-weight:700;font-display:swap}
@font-face{font-family:Newsreader;src:url(/brand/fonts/Newsreader-latin-wght.woff2) format("woff2");font-weight:200 900;font-display:swap}
/* Sistema visual NextES 2026: fondo azul marino profundo en oscuro, papel azulado en claro, acento cian/azul del logo,
   Inter para la interfaz y una monoespaciada del sistema para datos en vivo (tiempos, estados, cuotas). */
:root{
 color-scheme:light;--color-paper:#eef3fa;--color-surface:#ffffff;--color-ink:#0a1a3a;--color-secondary:#46597a;
 --color-line:#d3ddec;--color-line-soft:#e4eaf4;--color-control-border:#7e90ad;--color-accent:#007bfb;--color-action:var(--color-accent);--color-accent-hover:#0057b8;
 --color-accent-text:#0057b8;--color-accent-ink:#fff;--color-ok:#176b4a;--color-warn:#795300;--color-bad:#a52c39;
 --color-rail:#040a1b;--color-rail-raised:#0b1a3a;--color-rail-ink:#e8efff;--color-rail-muted:#b9c9e6;
 --color-admin-rail:var(--color-surface);--color-admin-rail-ink:var(--color-ink);
 --font-ui:Inter,system-ui,sans-serif;--font-title:Inter,system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Menlo,Consolas,monospace;
 --size-xs:13px;--size-sm:14px;--size-md:16px;--size-lg:20px;--size-xl:28px;--size-2xl:40px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;
 --r-sm:6px;--r-control:10px;--r-card:16px;--shadow-min:0 1px 2px rgb(10 26 58 / 6%),0 1px 3px rgb(10 26 58 / 8%);--shadow-raised:0 18px 50px -20px rgb(10 26 58 / 28%),0 2px 6px rgb(10 26 58 / 6%);
 --ease-standard:cubic-bezier(.2,.7,.2,1);--duration-fast:120ms;--duration-normal:200ms;--z-base:0;--z-sticky:20;--z-overlay:40;--z-modal:60;--z-toast:80;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 color-scheme:dark;--color-paper:#070C18;--color-surface:#101929;--color-ink:#EAF0FA;--color-secondary:#9AA8C2;
 --color-line:#24324F;--color-line-soft:#1A2640;--color-control-border:#33456A;--color-accent:#00d2fc;--color-accent-hover:#4ce0ff;
 --color-accent-text:#4cc3ff;--color-accent-ink:#001028;--color-ok:#4ade9a;--color-warn:#ffd477;--color-bad:#ff9298;
 --color-rail:#040a1b;--color-rail-raised:#0b1a3a;--color-rail-ink:#e8efff;--color-rail-muted:#b9c9e6;
 --color-admin-rail:#040a1b;--color-admin-rail-ink:var(--color-ink);--shadow-min:0 1px 3px rgb(0 0 0 / 35%);--shadow-raised:0 24px 60px -24px rgb(0 0 0 / 60%),0 2px 6px rgb(0 0 0 / 30%);
}}
:root[data-theme="dark"]{color-scheme:dark;--color-paper:#070C18;--color-surface:#101929;--color-ink:#EAF0FA;--color-secondary:#9AA8C2;--color-line:#24324F;--color-line-soft:#1A2640;--color-control-border:#33456A;--color-accent:#00d2fc;--color-accent-hover:#4ce0ff;--color-accent-text:#4cc3ff;--color-accent-ink:#001028;--color-ok:#4ade9a;--color-warn:#ffd477;--color-bad:#ff9298;--color-rail:#040a1b;--color-rail-raised:#0b1a3a;--color-rail-ink:#e8efff;--color-rail-muted:#b9c9e6;--color-admin-rail:#040a1b;--color-admin-rail-ink:var(--color-ink);--shadow-min:0 1px 3px rgb(0 0 0 / 35%);--shadow-raised:0 24px 60px -24px rgb(0 0 0 / 60%),0 2px 6px rgb(0 0 0 / 30%)}
:root{--bg:var(--color-paper);--paper:var(--color-surface);--ink:var(--color-ink);--mute:var(--color-secondary);--muted:var(--color-secondary);--line:var(--color-line);--line2:var(--color-line-soft);--blue:var(--color-accent);--blue2:var(--color-accent-hover);--cyan:#00d2fc;--navy:var(--color-rail-raised);--navy2:var(--color-rail);--navy3:var(--color-accent);--accent:var(--color-accent);--accent2:var(--color-accent-hover);--hl:color-mix(in srgb,var(--color-accent) 24%,transparent);--hl-edge:var(--color-accent);--hl-ink:var(--color-ink);--rail:var(--color-rail);--rail2:var(--color-rail-raised);--rail-ink:var(--color-rail-ink);--rail-mute:var(--color-rail-muted);--ok:var(--color-ok);--warn:var(--color-warn);--bad:var(--color-bad);--serif:var(--font-title);--font-sans:var(--font-ui);--surface-nav:var(--color-surface);--shadow:var(--shadow-min);--shadow-card:var(--shadow-min);--shadow-pop:var(--shadow-raised);--shadow-float:var(--shadow-raised);--radius-card:var(--r-card);--radius-control:var(--r-control);--seek-progress:#00d2fc;--on-header:var(--color-rail-ink);
 --nx-glow:0 0 0 1px color-mix(in srgb,var(--color-accent) 16%,transparent),0 18px 50px -22px color-mix(in srgb,var(--color-accent) 45%,transparent)}
html{background:var(--bg);color:var(--ink)}
body,button,input,select,textarea{font-family:var(--font-ui)}
a{color:var(--color-accent-text)}
button,input,select,textarea{accent-color:var(--color-accent)}
input,select,textarea{background-color:var(--paper);color:var(--ink);border-color:var(--color-control-border)}
dialog,.modal,.panel,.cardbox,.notes-panel{color:var(--ink)}
h1,h2,.book h1,.reader aside h2{font-family:var(--font-title);font-weight:700;letter-spacing:-.035em}
.book .cv{border:1px solid var(--line);box-shadow:var(--shadow-min)}
.facts span{border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:4px 10px}
.card .m{column-gap:9px;row-gap:5px}.card .m span+span::before{content:none}
.rating-summary{margin:0 0 8px;color:var(--mute);font-size:13px}.rating-summary b{display:block;margin:4px 0;font:700 38px/1 var(--font-title);color:var(--ink)}
.audio-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:2px 7px;color:var(--ok);font:500 13px/1.4 var(--font-ui);white-space:nowrap}.audio-badge.repair{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.toc li[aria-disabled="true"]{color:var(--mute)}.toc .partial-note,.partial-note{margin:8px 16px;color:var(--mute);font-size:13px}
.reader aside .notes-toggle,.reader-tools .btn{min-height:44px;border-radius:var(--r-control)}.notes-panel{border:1px solid var(--line);padding:10px;border-radius:var(--r-control);overflow-wrap:anywhere}.notes-panel section+section{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.notes-panel h3,.notes-panel article{font-family:var(--font-ui)}.notes-panel h3{font-weight:600;font-size:16px;margin:4px 0}.notes-panel article{border-top:1px solid var(--line);padding:8px 0;font-size:13px}.notes-panel article p{color:var(--mute)}
.reader-tools{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}#noteDlg{width:min(460px,calc(100vw - 24px));max-height:90dvh;overflow:auto}#noteDlg form{padding:22px;gap:12px}#noteDlg form>div:last-child{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#noteDlg .err{min-height:1.2em;color:var(--bad)}#bookChapters .audio-badge{margin-left:8px}#bookChapters li{flex-wrap:wrap;align-items:center}#bookChapters .d{margin-left:auto}.reader aside li button .audio-badge{margin-left:5px}
@media(max-width:860px){#bookChapters li{gap:7px;padding-inline:12px}.reader-tools{margin-bottom:8px}}
/* Señales en vivo compartidas: punto que late y giro del indicador «narrando». */
@keyframes nx-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-ok) 55%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes nx-spin{to{transform:rotate(360deg)}}
.nx-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-ok);animation:nx-pulse 1.8s infinite;flex:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Rediseño 2 (profundidad): superficies en relieve, pozos hundidos y halos de fondo. Claro y oscuro comparten la misma estructura. */
:root{--relief-top:#ffffff;--relief-bottom:#f3f6fb;--relief-border:var(--color-line);--relief-shadow:inset 0 1px 0 rgb(255 255 255 / 85%),0 2px 4px rgb(10 26 58 / 6%),0 24px 48px -28px rgb(10 26 58 / 22%);
 --control-top:#ffffff;--control-bottom:#eef3fa;--control-shadow:inset 0 1px 0 rgb(255 255 255 / 90%),0 8px 18px -10px rgb(10 26 58 / 25%);
 --well:#e6edf7;--well-shadow:inset 0 2px 6px rgb(10 26 58 / 10%);--dot:rgb(10 26 58 / 5%);--halo-a:rgb(0 123 251 / 8%);--halo-b:rgb(90 110 255 / 7%);
 --hl-amber:rgb(255 184 77 / 24%);--hl-amber-solid:#FFB84D;--mute-past:#4f5f7d;--glow-accent:0 12px 26px -10px color-mix(in srgb,var(--color-accent) 60%,transparent)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--relief-top:#18233A;--relief-bottom:#101929;--relief-border:#24324F;--relief-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 2px 4px rgb(0 0 0 / 35%),0 24px 48px -24px rgb(0 0 0 / 85%);
 --control-top:#19243B;--control-bottom:#111A2C;--control-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 8px 18px -8px rgb(0 0 0 / 75%);
 --well:#0B1222;--well-shadow:inset 0 2px 6px rgb(0 0 0 / 50%);--dot:rgb(255 255 255 / 3.5%);--halo-a:rgb(56 211 242 / 12%);--halo-b:rgb(124 140 255 / 10%);
 --hl-amber:rgb(255 184 77 / 14%);--mute-past:#7C8AA6;--glow-accent:0 12px 26px -10px rgb(56 211 242 / 70%)}}
:root[data-theme="dark"]{--relief-top:#18233A;--relief-bottom:#101929;--relief-border:#24324F;--relief-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 2px 4px rgb(0 0 0 / 35%),0 24px 48px -24px rgb(0 0 0 / 85%);
 --control-top:#19243B;--control-bottom:#111A2C;--control-shadow:inset 0 1px 0 rgb(255 255 255 / 6%),0 8px 18px -8px rgb(0 0 0 / 75%);
 --well:#0B1222;--well-shadow:inset 0 2px 6px rgb(0 0 0 / 50%);--dot:rgb(255 255 255 / 3.5%);--halo-a:rgb(56 211 242 / 12%);--halo-b:rgb(124 140 255 / 10%);
 --hl-amber:rgb(255 184 77 / 14%);--mute-past:#7C8AA6;--glow-accent:0 12px 26px -10px rgb(56 211 242 / 70%)}