:root{
  --paper-w:560px;
  --paper-h:760px;
  --page-pad-x:52px;
  --page-pad-top:52px;
  --page-pad-bottom:62px;
  --page-content-h:646px;
  --book-gap:10px;
  --reader-font-size:17px;
  --paper:#fffefa;
  --paper-2:#fbfbf7;
  --snow:#f8f8f5;
  --pearl:#efefea;
  --line:#d7dad5;
  --ink:#171918;
  --muted:#6a716d;
  --accent:#315f6c;
  --accent-deep:#244853;
  --accent-bright:#4d8794;
  --accent-soft:#dbe8ea;
  --shell:#eef0ec;
  --shadow:0 10px 28px rgba(20,31,27,.08);
  --book-scale:1;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--snow)}
body{display:flex;flex-direction:column;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
.reader-header{position:relative;z-index:30;flex:0 0 auto;min-height:76px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(420px,1fr);align-items:center;gap:18px;padding:10px 24px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.reader-brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;color:var(--ink);text-decoration:none;min-width:0}
.reader-logo{width:48px;height:48px;flex:0 0 auto;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(20,31,27,.035)}
.reader-logo img{width:100%;height:100%;display:block;object-fit:cover}
.reader-brand>span:last-child{display:grid;line-height:1.08}.reader-brand strong{font:700 1.35rem/1 Georgia,"Times New Roman",serif}.reader-brand small{margin-top:4px;color:var(--muted);font-size:.72rem}
.reader-note{margin:0;color:var(--muted);font-size:.83rem;white-space:nowrap}
.reader-tools{display:flex;justify-content:flex-end;gap:7px;overflow-x:auto;scrollbar-width:none}.reader-tools::-webkit-scrollbar{display:none}
.reader-tools button{min-height:36px;padding:7px 12px;border:1px solid #cfd4cf;border-radius:999px;background:#fff;color:#3d4541;font-size:.78rem;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,color .18s}
.reader-tools button:hover{background:var(--accent-soft);border-color:#bdd0d4;color:var(--accent-deep);transform:translateY(-1px)}
.reader-tools button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.reader-progress{position:relative;z-index:29;flex:0 0 3px;height:3px;background:#e8eae6;overflow:hidden}.reader-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .34s ease}
.reader-shell{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 12%,#fff 0 8%,transparent 34%),linear-gradient(145deg,#f2f3ef,#e7ebe6)}
.book-fit{position:relative;width:calc(var(--paper-w)*2 + var(--book-gap));height:var(--paper-h);transform:scale(var(--book-scale));transform-origin:center center;will-change:transform}
.book-frame{position:relative;width:100%;height:100%;perspective:2600px;isolation:isolate;transform:translateZ(0)}
.book-gutter{position:absolute;z-index:8;left:calc(50% - var(--book-gap)/2 - 17px);top:14px;width:34px;height:calc(100% - 28px);pointer-events:none;background:radial-gradient(ellipse at center,rgba(28,36,32,.16) 0,rgba(28,36,32,.075) 18%,rgba(28,36,32,0) 68%);filter:blur(1.5px);opacity:.52}
.paper{position:absolute;top:0;width:var(--paper-w);height:var(--paper-h);overflow:hidden;background:var(--paper);border:1px solid #dfe1dc;box-shadow:var(--shadow);backface-visibility:hidden}
.paper-left{left:0;border-radius:14px 3px 3px 14px}.paper-right{right:0;border-radius:3px 14px 14px 3px}
.paper.blank{background:linear-gradient(105deg,#f8f8f4,#fffefa 30%)}
.page-inner{position:relative;width:100%;height:100%;padding:var(--page-pad-top) var(--page-pad-x) var(--page-pad-bottom);overflow:hidden;background:linear-gradient(90deg,rgba(49,95,108,.018),transparent 10%,transparent 91%,rgba(49,95,108,.014)),var(--paper)}
.paper-left .page-inner{box-shadow:inset -20px 0 28px -30px rgba(18,24,22,.22)}.paper-right .page-inner{box-shadow:inset 20px 0 28px -30px rgba(18,24,22,.22)}
.page-content,.column-flow{font-family:Georgia,"Times New Roman",serif;font-size:var(--reader-font-size);line-height:1.47;color:#20211f;text-align:justify;hyphens:auto;overflow-wrap:break-word}
.page-content{height:var(--page-content-h);overflow:hidden}
.page-footer{position:absolute;left:30px;right:30px;bottom:20px;display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #e2e0d8;color:#87908b;font-family:Inter,system-ui,sans-serif;font-size:10px;letter-spacing:.035em;text-transform:uppercase}.page-footer .page-number{color:var(--accent-deep);font-weight:800}
.source-block{margin:0 0 .72em;max-width:100%}.source-block strong{font-weight:700}.source-block em{font-style:italic}.source-block a{color:var(--accent-deep);text-decoration-thickness:1px;text-underline-offset:2px}.source-block u{text-underline-offset:2px}.source-block sup,.source-block sub{line-height:0}
.word-tab{display:inline-block;width:2.2em}
.book-title{margin:1.4em 0 .16em;text-align:center!important;font-size:2.15em;line-height:1.03;font-weight:700;letter-spacing:-.025em;color:#172224}.book-subtitle{margin:0 auto 2.3em;text-align:center!important;max-width:88%;font-size:1.12em;line-height:1.35;font-style:italic;color:var(--accent-deep)}.book-meta{text-align:center!important;font-size:1.04em;font-weight:700;margin:.25em 0}.book-meta+.book-meta{margin-top:0}
.epigraph{margin:1.8em .3em;padding:1.15em 1.25em;border-left:3px solid var(--accent-bright);background:#f2f6f5;color:#3a4541;font-size:.96em;font-style:italic;text-align:left}
.heading{color:#132124;text-align:left!important;break-after:avoid}.heading-1{margin:1.15em 0 .62em;padding-bottom:.3em;border-bottom:1px solid #d9ddd8;font-size:1.62em;line-height:1.12;font-weight:700}.heading-2{margin:1.05em 0 .55em;font-size:1.34em;line-height:1.16;font-weight:700;color:var(--accent-deep)}.heading-3{margin:1em 0 .5em;font-size:1.15em;line-height:1.2;font-weight:700;color:#284b54}.subheading{margin:1em 0 .48em;text-align:left!important;font-size:1.12em;line-height:1.22;font-weight:700;color:#244853}.section-gap{margin-top:1.7em}
.toc-line{margin:.1em 0;font-family:Inter,system-ui,sans-serif;font-size:.84em;line-height:1.45;text-align:left}.align-center{text-align:center!important}.align-right{text-align:right!important}.mostly-italic{font-style:italic}
.list-item{display:grid;grid-template-columns:1.05em 1fr;gap:.25em;margin:.28em 0 .52em;text-align:left}.list-bullet{color:var(--accent);font-weight:900}
.quote,.quote-source{font-size:.86em;line-height:1.46;text-align:left!important}.quote{margin:.12em 0;padding:.18em .88em;border-left:2px solid #a9c4ca;background:#f4f7f6;font-style:italic;font-weight:600}.quote+.quote{margin-top:-.14em;padding-top:.28em}.quote-title{padding-top:.66em;text-align:center!important;font-weight:700}.quote-source{margin:.12em 0 .82em;padding:.25em .88em .55em;border-left:2px solid #a9c4ca;background:#f4f7f6;font-weight:700;color:#4f5b57}
.figure-placeholder{width:min(88%,420px);margin:1.05em auto 1.2em;aspect-ratio:var(--image-ratio,1.35);max-height:335px;min-height:165px;padding:0;border:1px dashed #aebbb8;border-radius:9px;background:linear-gradient(145deg,#fafbf9,#edf2ef);display:grid;place-items:center;text-align:center!important;overflow:hidden}.figure-placeholder-inner{display:grid;justify-items:center;gap:4px;padding:18px;color:#66736e;font-family:Inter,system-ui,sans-serif}.figure-placeholder-inner strong{font-family:Georgia,"Times New Roman",serif;font-size:1.2em;color:#334b4c}.figure-placeholder-inner small{max-width:250px;font-size:.72em;line-height:1.35}.figure-number{font-size:.68em;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.footnote-ref{display:inline;padding:0 .12em;border:0;background:transparent;color:var(--accent);font-family:inherit;font-size:.67em;font-weight:800;vertical-align:super;cursor:pointer;line-height:1}
.column-flow{position:fixed;z-index:-9999;left:0;top:-10000px;width:calc(var(--paper-w) - var(--page-pad-x)*2);height:var(--page-content-h);overflow:visible;visibility:hidden;pointer-events:none;column-width:calc(var(--paper-w) - var(--page-pad-x)*2);column-gap:calc(var(--page-pad-x)*2 + var(--book-gap));column-fill:auto}.column-flow>.source-block{break-inside:avoid;break-inside:avoid-column;page-break-inside:avoid}.column-flow>.heading,.column-flow>.subheading{break-after:avoid;break-after:avoid-column}.column-flow>.source-block:first-of-type{margin-top:0}.opening-blank{height:100%;break-after:column;page-break-after:always}
.turn-layer{position:absolute;inset:0;z-index:20;pointer-events:none;transform-style:preserve-3d;overflow:visible}.turn-layer.is-turning{will-change:transform}

/* Giro articulado: la hoja se divide en tiras verticales que forman una curva real en 3D. */
.turn-curl{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;overflow:visible;perspective:3400px;perspective-origin:50% 48%}
.turn-curl-segment{position:absolute;left:0;top:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform;backface-visibility:visible;outline:0;border:0}
.turn-curl-face{position:absolute;inset:-.55px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);transform-style:preserve-3d;border:0;outline:0}
.turn-page-slice{position:absolute;top:0;overflow:visible;background:var(--paper)}
.turn-page-slice>.page-inner{width:var(--paper-w);height:var(--paper-h)}
.turn-curl-face::after{content:"";position:absolute;inset:-1px;z-index:4;pointer-events:none;opacity:var(--curl-shade,.025);background:linear-gradient(90deg,rgba(20,27,24,.13),transparent 42%,rgba(255,255,255,.10));mix-blend-mode:multiply}
.turn-curl.backward .turn-curl-face::after{background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 58%,rgba(20,27,24,.13))}
.turn-curl-shadow{position:absolute;left:0;top:0;width:54px;height:calc(var(--paper-h) - 24px);border-radius:50%;background:rgba(20,27,24,.28);filter:blur(19px);opacity:0;transform-origin:center;will-change:transform,opacity;pointer-events:none}
.turn-curl.forward .turn-curl-segment:last-of-type .front,
.turn-curl.backward .turn-curl-segment:last-of-type .front{box-shadow:7px 0 12px rgba(20,27,24,.07)}

/* En teléfonos se conserva una única hoja rígida: es más estable en pantallas estrechas. */
.turn-sheet{position:absolute;top:0;width:var(--paper-w);height:var(--paper-h);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.turn-sheet.forward{right:0;transform-origin:left center;animation:turnForward 940ms cubic-bezier(.25,.68,.20,1) forwards}
.turn-sheet.backward{left:0;transform-origin:right center;animation:turnBackward 940ms cubic-bezier(.25,.68,.20,1) forwards}
.turn-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:var(--paper);border:1px solid #dfe1dc;box-shadow:0 8px 24px rgba(18,25,22,.10)}
.turn-sheet.forward .front{border-radius:3px 14px 14px 3px}.turn-sheet.forward .back{transform:rotateY(180deg);border-radius:14px 3px 3px 14px}.turn-sheet.backward .front{border-radius:14px 3px 3px 14px}.turn-sheet.backward .back{transform:rotateY(180deg);border-radius:3px 14px 14px 3px}
.turn-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(19,27,24,.18),rgba(19,27,24,.035) 18%,transparent 46%,rgba(255,255,255,.12));opacity:.14;mix-blend-mode:multiply}
@keyframes turnForward{0%{transform:rotateY(0deg) translateZ(0)}20%{transform:rotateY(-24deg) translateZ(10px)}48%{transform:rotateY(-86deg) translateZ(26px)}72%{transform:rotateY(-144deg) translateZ(14px)}100%{transform:rotateY(-180deg) translateZ(0)}}
@keyframes turnBackward{0%{transform:rotateY(0deg) translateZ(0)}20%{transform:rotateY(24deg) translateZ(10px)}48%{transform:rotateY(86deg) translateZ(26px)}72%{transform:rotateY(144deg) translateZ(14px)}100%{transform:rotateY(180deg) translateZ(0)}}
.page-arrow{position:absolute;z-index:25;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(49,95,108,.14);border-radius:50%;background:rgba(255,255,255,.82);color:var(--accent-deep);font-size:1.75rem;line-height:1;box-shadow:0 6px 18px rgba(18,25,22,.06);cursor:pointer;backdrop-filter:blur(7px);transition:background .18s,transform .18s,opacity .18s}.page-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}.page-arrow.previous{left:22px}.page-arrow.next{right:22px}.page-arrow:disabled{opacity:.25;cursor:not-allowed;transform:translateY(-50%)}
.page-status{position:absolute;z-index:24;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 10px;border:1px solid rgba(49,95,108,.1);border-radius:999px;background:rgba(255,255,255,.76);color:#65706b;font-size:.7rem;font-weight:700;backdrop-filter:blur(8px);white-space:nowrap}
.index-panel,.footnote-panel{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:rgba(16,23,20,.34);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;backdrop-filter:blur(7px)}.index-panel.is-open,.footnote-panel.is-open{opacity:1;visibility:visible}.index-card{width:min(680px,94vw);max-height:min(80vh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(14,20,18,.18)}.index-header,.footnote-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.index-header small{color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.index-header h2{margin:3px 0 0;font:700 1.9rem Georgia,"Times New Roman",serif}.index-header button,.footnote-header button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#4c5551;font-size:1.3rem;cursor:pointer}.index-list{overflow:auto;padding:10px 10px 18px}.index-entry{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid #eef0ed;background:#fff;color:#29312e;text-align:left;cursor:pointer}.index-entry:hover{background:#f4f7f5}.index-entry.level-2{padding-left:28px}.index-entry.level-3{padding-left:44px;font-size:.88em}.index-entry.level-4{padding-left:52px;font-size:.86em;color:#58615d}.index-entry span:last-child{color:var(--accent);font-size:.78em;font-weight:800}
.footnote-card{width:min(560px,94vw);max-height:min(70vh,620px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(14,20,18,.18)}.footnote-header strong{font:700 1.22rem Georgia,"Times New Roman",serif}.footnote-content{max-height:calc(70vh - 78px);overflow:auto;padding:22px 24px;color:#414945;font:1rem/1.62 Georgia,"Times New Roman",serif}.footnote-content p{margin:0 0 .8em}.footnote-content a{color:var(--accent-deep)}
.pagination-loader{position:fixed;z-index:100;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;background:#fff;color:#25302c;text-align:center;transition:opacity .35s,visibility .35s}.pagination-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{width:58px;height:58px;display:grid;place-items:center;margin-bottom:5px;border:1px solid #ccd5d1;border-radius:50%;background:linear-gradient(145deg,#fff,#edf2ef);color:var(--accent-deep);font:700 1.08rem Georgia,"Times New Roman",serif}.pagination-loader strong{font:700 1.22rem Georgia,"Times New Roman",serif}.pagination-loader small{color:var(--muted);font-size:.78rem}
body.dark{--paper:#222624;--paper-2:#202321;--snow:#171a18;--pearl:#232724;--line:#3b423e;--ink:#eef1ed;--muted:#aeb7b1;--accent:#80b8c3;--accent-deep:#a8d2d9;--accent-bright:#73afba;--accent-soft:#253d42;--shell:#151816;background:#171a18;color:#edf0ec}.dark .reader-header{background:rgba(26,30,28,.96)}.dark .reader-tools button{background:#242a27;border-color:#414844;color:#e8ece8}.dark .reader-tools button:hover{background:#2b4145}.dark .reader-logo{background:#fff}.dark .reader-shell{background:radial-gradient(circle at 50% 10%,#242a27 0 8%,transparent 36%),linear-gradient(145deg,#1c211e,#141816)}.dark .page-inner,.dark .turn-face,.dark .turn-curl-face,.dark .turn-page-slice{background:#222624}.dark .page-content,.dark .measure-page{color:#e7e9e5}.dark .heading{color:#f1f4ef}.dark .heading-2,.dark .subheading{color:#a8d2d9}.dark .heading-3{color:#91c2cc}.dark .epigraph,.dark .quote,.dark .quote-source{background:#27302c;color:#dce2dd}.dark .figure-placeholder{background:linear-gradient(145deg,#272c29,#202623);border-color:#58625d}.dark .figure-placeholder-inner strong{color:#dde5df}.dark .index-card,.dark .footnote-card,.dark .index-entry,.dark .index-header button,.dark .footnote-header button{background:#222724;color:#e9ede8}.dark .index-entry:hover{background:#29312d}.dark .page-arrow,.dark .page-status{background:rgba(35,42,38,.88);color:#c8e0e4}.dark .pagination-loader{background:#1a1f1c;color:#edf0ec}
@media(max-width:1050px){.reader-header{grid-template-columns:auto 1fr}.reader-note{display:none}.reader-tools{justify-self:end}.page-arrow.previous{left:10px}.page-arrow.next{right:10px}}
@media(max-width:760px){:root{--page-pad-x:46px;--page-pad-top:48px}.reader-header{min-height:68px;padding:8px 12px;gap:10px}.reader-brand>span:last-child{display:none}.reader-logo{width:44px;height:44px}.reader-tools{gap:5px}.reader-tools button{padding:6px 10px;font-size:.72rem}.reader-tools #fullscreen-button{display:none}.book-fit{width:var(--paper-w)}.paper-left{display:none}.paper-right{left:0;right:auto;border-radius:12px}.book-gutter{display:none}.page-arrow{width:42px;height:42px}.page-arrow.previous{left:5px}.page-arrow.next{right:5px}.page-status{bottom:5px}.index-panel,.footnote-panel{padding:12px}}
@media(max-width:480px){.reader-tools #theme-button{display:none}.reader-tools button{padding:6px 9px}.source-block{margin-bottom:.68em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.turn-sheet.forward{animation:turnForward .01ms linear forwards}.turn-sheet.backward{animation:turnBackward .01ms linear forwards}}


/* LANGUAGE SWITCHER ------------------------------------------------ */
.language-switcher{
  position:relative;
  z-index:31;
  flex:0 0 32px;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  padding:0 24px;
  background:#f5f6f3;
  border-bottom:1px solid var(--line);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.01em;
}

.language-switcher a{
  height:24px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--muted);
  text-decoration:none;
  white-space:nowrap;
  transition:
    color 160ms ease,
    background 160ms ease,
    border-color 160ms ease;
}

.language-switcher a span{
  color:var(--accent);
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.06em;
}

.language-switcher a:hover,
.language-switcher a:focus-visible{
  color:var(--ink);
  background:#fff;
  border-color:var(--line);
  outline:none;
}

.language-switcher a.is-active{
  color:var(--ink);
  background:#fff;
  border-color:rgba(49,95,108,.28);
  font-weight:750;
}

@media (max-width:720px){
  .language-switcher{
    justify-content:center;
    padding:0 8px;
  }

  .language-switcher a{
    padding:0 8px;
  }
}

@media (max-width:430px){
  .language-switcher a{
    font-size:0;
    gap:0;
    min-width:38px;
    justify-content:center;
  }

  .language-switcher a span{
    font-size:.7rem;
  }
}


/* ================================================================
   BUSCADOR + CRONOLOGÍA
   Paneles superpuestos: no modifican el tamaño del libro.
   ================================================================ */

.sr-only-beta{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

.beta-floating-tools{
  position:fixed;z-index:58;top:124px;right:18px;
  display:flex;flex-direction:column;align-items:flex-end;gap:7px;
  pointer-events:none
}
.beta-floating-tools>*{pointer-events:auto}
.beta-floating-tools button{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;
  gap:7px;padding:7px 12px;border:1px solid rgba(49,95,108,.18);
  border-radius:999px;background:rgba(255,255,255,.91);color:var(--accent-deep);
  box-shadow:0 5px 16px rgba(18,25,22,.055);backdrop-filter:blur(10px);
  cursor:pointer;font-size:.75rem;font-weight:800;
  transition:transform .18s ease,background .18s ease,border-color .18s ease
}
.beta-floating-tools button:hover,.beta-floating-tools button:focus-visible{
  transform:translateY(-1px);background:#fff;border-color:rgba(49,95,108,.36);outline:none
}
.beta-tool-icon{font-size:1.14rem;line-height:1}
.beta-clock{font-size:1rem}

.beta-drawer{
  position:fixed;z-index:92;inset:0;visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease
}
.beta-drawer.is-open{visibility:visible;opacity:1;pointer-events:auto}
.beta-drawer-backdrop{position:absolute;inset:0;background:rgba(16,23,20,.24);backdrop-filter:blur(4px)}
.beta-drawer-card{
  position:absolute;top:0;right:0;width:min(410px,94vw);height:100dvh;
  display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--line);
  background:#fbfcf9;box-shadow:-18px 0 48px rgba(14,20,18,.12);
  transform:translateX(28px);transition:transform .24s cubic-bezier(.2,.7,.2,1)
}
.beta-drawer.is-open .beta-drawer-card{transform:translateX(0)}
.beta-drawer-header{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:21px 21px 17px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88)
}
.beta-drawer-header small{
  color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase
}
.beta-drawer-header h2{
  margin:3px 0 0;color:var(--ink);font:700 1.55rem/1.08 Georgia,"Times New Roman",serif
}
.beta-close{
  width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;
  background:#fff;color:#4d5651;font-size:1.25rem;cursor:pointer
}

.beta-search-form{flex:0 0 auto;padding:17px 18px 12px}
.beta-search-field{
  height:46px;display:grid;grid-template-columns:25px 1fr 30px;align-items:center;gap:5px;
  padding:0 9px 0 13px;border:1px solid #cfd6d1;border-radius:12px;background:#fff;
  box-shadow:0 2px 8px rgba(18,25,22,.025)
}
.beta-search-field>span{color:var(--accent);font-size:1.25rem}
.beta-search-field input{
  width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);
  font:500 .94rem/1.2 Inter,system-ui,sans-serif
}
.beta-search-field input::placeholder{color:#949b96}
.beta-search-field button{
  width:28px;height:28px;border:0;border-radius:50%;background:transparent;
  color:#7c8580;cursor:pointer;font-size:1rem
}
.beta-search-field button:hover{background:#f0f3ef}
.beta-search-hint{margin:8px 3px 0;color:var(--muted);font-size:.69rem;line-height:1.4}
.beta-result-summary{
  flex:0 0 auto;min-height:31px;padding:7px 20px;border-top:1px solid #edf0ec;
  border-bottom:1px solid #e4e8e4;color:var(--muted);background:#f5f7f4;
  font-size:.7rem;font-weight:750
}
.beta-search-results{flex:1 1 auto;min-height:0;overflow:auto;padding:6px 9px 20px}
.beta-search-empty{
  padding:32px 18px;color:var(--muted);text-align:center;
  font:1rem/1.55 Georgia,"Times New Roman",serif
}
.beta-search-result{
  width:100%;display:block;padding:13px 12px 14px;border:0;border-bottom:1px solid #e9ece8;
  background:transparent;color:var(--ink);text-align:left;cursor:pointer
}
.beta-search-result:hover,.beta-search-result:focus-visible{background:#f0f5f3;outline:none}
.beta-search-result-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:5px
}
.beta-search-result-head strong{
  max-width:285px;overflow:hidden;color:#34413c;font-size:.74rem;line-height:1.35;
  text-overflow:ellipsis;white-space:nowrap
}
.beta-search-page{flex:0 0 auto;color:var(--accent);font-size:.66rem;font-weight:850;white-space:nowrap}
.beta-search-snippet{display:block;color:#626b66;font:400 .84rem/1.45 Georgia,"Times New Roman",serif}
.beta-search-snippet mark{
  padding:0 .08em;border-radius:2px;background:#dcebee;color:#173f49
}
.beta-target-flash{animation:betaTargetFlash 1.9s ease both}
@keyframes betaTargetFlash{
  0%,100%{background:transparent;box-shadow:none}
  12%,58%{background:rgba(77,135,148,.12);box-shadow:0 0 0 5px rgba(77,135,148,.055)}
}
.search-highlight{padding:0 .06em;border-radius:2px;background:#cfe5e9;color:#143b45}

/* Cronología */
.beta-timeline-card{width:min(395px,94vw)}
.beta-period{
  flex:0 0 auto;padding:14px 20px 13px;border-bottom:1px solid var(--line);background:#f7f9f6
}
.beta-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.beta-period-head strong{color:#35403c;font-size:.76rem}
.beta-period-head span{color:var(--accent);font-size:.67rem;font-weight:850}
.beta-period-track{height:4px;overflow:hidden;border-radius:999px;background:#e2e7e3}
.beta-period-track span{
  display:block;width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .35s ease
}
.beta-timeline-legend{
  flex:0 0 auto;display:flex;flex-wrap:wrap;gap:7px 12px;padding:11px 20px;
  border-bottom:1px solid #e6e9e5;color:var(--muted);font-size:.63rem;line-height:1
}
.beta-timeline-legend span{display:inline-flex;align-items:center;gap:5px}
.beta-timeline-legend i{width:8px;height:8px;display:inline-block;border-radius:50%}
.legend-main{background:var(--accent)}
.legend-editorial{border:2px solid var(--accent);background:transparent}
.legend-context{width:5px!important;height:5px!important;background:#89928d}
.beta-timeline-list{
  flex:1 1 auto;min-height:0;overflow:auto;padding:14px 13px 28px 22px;scroll-behavior:smooth
}
.beta-timeline-event{
  position:relative;width:100%;min-height:76px;display:grid;grid-template-columns:46px 1fr;
  gap:10px;padding:2px 7px 16px 0;border:0;background:transparent;color:var(--ink);
  text-align:left;cursor:pointer
}
.beta-timeline-event::before{
  content:"";position:absolute;left:22px;top:23px;bottom:-5px;width:1px;background:#d9ded9
}
.beta-timeline-event:last-child::before{display:none}
.beta-event-axis{position:relative;min-height:54px;display:flex;justify-content:center}
.beta-event-dot{
  position:relative;z-index:2;width:13px;height:13px;margin-top:10px;border:3px solid #f8faf7;
  border-radius:50%;background:#8b948f;box-shadow:0 0 0 1px #aeb6b1;
  transition:transform .18s ease,box-shadow .18s ease
}
.beta-timeline-event.type-main .beta-event-dot{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.beta-timeline-event.type-editorial .beta-event-dot{background:#fbfcf9;box-shadow:0 0 0 2px var(--accent)}
.beta-timeline-event.type-context .beta-event-dot{
  width:9px;height:9px;margin-top:12px;border-width:2px;background:#89928d
}
.beta-event-copy{padding:1px 6px 0 0;border-radius:8px}
.beta-event-year{
  display:block;margin-bottom:3px;color:var(--accent);font-size:.69rem;font-weight:900;letter-spacing:.06em
}
.beta-event-copy strong{
  display:block;color:#303936;font:700 .95rem/1.25 Georgia,"Times New Roman",serif
}
.beta-event-copy small{display:block;margin-top:4px;color:#747d78;font-size:.68rem;line-height:1.4}
.beta-timeline-event:hover .beta-event-copy,.beta-timeline-event:focus-visible .beta-event-copy{background:#f0f5f3}
.beta-timeline-event:focus-visible{outline:none}
.beta-timeline-event.is-current .beta-event-dot{
  transform:scale(1.18);
  box-shadow:0 0 0 4px rgba(77,135,148,.16),0 0 0 1px var(--accent)
}
.beta-timeline-event.is-current .beta-event-copy{
  padding:8px 8px 8px;margin-top:-7px;background:#eaf2f1
}
.beta-timeline-event.is-current .beta-event-copy strong{color:#173f49}

/* Tema oscuro */
.dark .beta-floating-tools button{
  background:rgba(34,39,36,.92);border-color:#414944;color:#b8d7dc
}
.dark .beta-drawer-card,.dark .beta-drawer-header,.dark .beta-search-field,.dark .beta-search-result{
  background:#222724;color:#e8ece8
}
.dark .beta-drawer-header,.dark .beta-period,.dark .beta-result-summary,.dark .beta-timeline-legend{
  border-color:#3b423e
}
.dark .beta-period,.dark .beta-result-summary{background:#1d221f}
.dark .beta-search-field{border-color:#454e48}
.dark .beta-search-field input{color:#edf0ec}
.dark .beta-search-result{border-color:#353c38}
.dark .beta-search-result:hover,.dark .beta-search-result:focus-visible,
.dark .beta-timeline-event:hover .beta-event-copy,.dark .beta-timeline-event:focus-visible .beta-event-copy{
  background:#29332f
}
.dark .beta-search-result-head strong,.dark .beta-event-copy strong,.dark .beta-period-head strong{color:#e3e9e4}
.dark .beta-search-snippet,.dark .beta-event-copy small{color:#aeb7b1}
.dark .beta-timeline-event::before{background:#424b46}
.dark .beta-timeline-event.type-editorial .beta-event-dot{background:#222724}
.dark .beta-timeline-event.is-current .beta-event-copy{background:#284044}
.dark .beta-timeline-event.is-current .beta-event-copy strong{color:#cbe3e7}
.dark .search-highlight{background:#315c66;color:#fff}
.dark .beta-search-snippet mark{background:#315c66;color:#fff}

@media(max-width:760px){
  .beta-floating-tools{top:111px;right:9px;gap:5px}
  .beta-floating-tools button{
    width:39px;height:39px;min-height:39px;padding:0;border-radius:50%
  }
  .beta-tool-label{display:none}
  .beta-tool-icon{font-size:1.2rem}
  .beta-drawer-card,.beta-timeline-card{width:min(390px,100vw)}
}
@media(max-width:430px){
  .beta-drawer-card,.beta-timeline-card{width:100vw}
}