/* Evolución inmersiva local — misma paleta B, sin dependencias ni fuentes externas. */
:root{--gutter:clamp(1rem,2.8vw,3.5rem);--content-max:1640px}
.wrap{width:min(calc(100% - 2*var(--gutter)),var(--content-max))}main.wrap{isolation:isolate}.head{gap:clamp(.6rem,1.5vw,1.7rem);padding-block:.45rem}.head .mark{width:78px}.head .tools{gap:.45rem}.head .tools button{padding:.5rem .7rem}.nav{gap:clamp(.25rem,1vw,1rem)}.preferences>summary{padding-block:.3rem;min-height:34px}.identity-band>.wrap{padding-block:.35rem;font-size:.75rem}.issue{padding-block:.35rem}.masthead{position:relative;z-index:30;background:linear-gradient(110deg,#221921,#17141a 70%);box-shadow:0 8px 30px #09070b55}.preferences{position:relative;z-index:25;background:#171319}
body{background-image:url('portada/papel-grabado.svg'),radial-gradient(ellipse at 0 30%,#531d302e,transparent 52%),radial-gradient(ellipse at 100% 72%,#59213b22,transparent 55%);background-size:173px 149px,100% 2200px,100% 2400px}.hero.hero-atmospheric{overflow:visible;min-height:clamp(540px,42vw,700px);padding-block:2.5rem}.hero.hero-atmospheric .scene{inset:0 calc(-1*var(--gutter)) 0 auto;width:82%;overflow:hidden;contain:paint}.hero-atmospheric .hero-copy{width:48%;max-width:620px}.hero-atmospheric .hero-copy:before{inset:-3rem -6rem -3rem calc(-1*var(--gutter));background:linear-gradient(90deg,#121014 0%,#121014f8 50%,#121014cf 74%,transparent)}.hero-atmospheric h1{font-size:clamp(3.3rem,6.8vw,7.3rem)}.scene .landscape{inset:-35px -15px;transform:translate3d(0,var(--sky-shift,0px),0)}.scene .architecture{inset:-18px -8px;transform:translate3d(0,var(--arch-shift,0px),0)}.forest{position:absolute;inset:-30px -15px;z-index:1;opacity:.4;pointer-events:none;transform:translate3d(0,var(--forest-shift,0px),0)}.forest img{width:100%;height:100%;object-fit:cover}.scene .fog{bottom:12%;height:36%}.scene .fog.second{bottom:24%;height:25%}.art-caption{right:.5rem;font-size:.75rem;letter-spacing:.12em}.editorial-coda{margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);background:linear-gradient(90deg,#351b2677,#19151b,#351b2677)}
main>section:not(.hero),.quote-block{isolation:isolate}main>section:not(.hero):before{content:"";position:absolute;z-index:-1;inset:0 calc(-1*var(--gutter));pointer-events:none;background:radial-gradient(ellipse at 5% 5%,#7d3d2930,transparent 44%),linear-gradient(120deg,#25151f55,transparent 50%,#34152344);border-top:1px solid #be9b7312}main>section:nth-of-type(2n):before{background:radial-gradient(ellipse at 96% 5%,#6d23362e,transparent 54%),linear-gradient(110deg,#17151c66,#23181d44)}section{padding-block:clamp(2.5rem,4.2vw,5rem)}.section-head h2,.lineage-head h2{font-size:clamp(2rem,3vw,3.25rem)}.grid{gap:clamp(1rem,1.8vw,2rem)}.card,.lineage-master,.lineage-focus,.lineage-week,.lineage-archive-item,.nc-card{background-image:url('portada/papel-grabado.svg'),linear-gradient(135deg,#2a202766,#19151b22);box-shadow:inset 0 0 0 3px #12101444,0 10px 24px #08060a2e}.card:hover,.card:focus-within,.nc-card:focus-within{border-color:var(--ornament);box-shadow:inset 0 0 0 3px #be9b730d,0 8px 24px #08060a55}.card h3{font-size:clamp(1.5rem,1.75vw,2rem)}.card .art:after{content:"";position:absolute;inset:10px;border:1px solid #f0ece42b;pointer-events:none}.quote-block{margin:0;padding:clamp(2.5rem,5vw,5rem) 1rem;background:radial-gradient(ellipse at 50% 90%,#69334d44,transparent 62%);border-inline:0}.quote-block .quote{max-width:34ch;margin-inline:auto;font-size:clamp(1.5rem,2.4vw,2.2rem)}.quote-block .mini{color:var(--ornament)}
.split:has(#biblioteca){grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:clamp(2rem,4vw,5rem);align-items:start}#biblioteca>p{max-width:55ch}#books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}button.library-volume{width:100%;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:1rem;padding:1.3rem 1rem;position:relative;border:1px solid #68515d;background:radial-gradient(ellipse at 0 20%,#57302444,transparent 70%),#1c181d;text-align:left;overflow:visible;box-shadow:inset 0 0 0 4px #12101466,0 10px 24px #09070b55}.library-volume:hover,.library-volume:focus-visible{background-color:#252027;border-color:var(--ornament)}.volume-space{display:block;height:170px;perspective:700px;padding:8px 0 8px 10px;pointer-events:none}.volume{display:block;position:relative;width:83px;height:143px;transform-style:preserve-3d;transform:rotateY(-23deg) rotateX(5deg);transition:transform 240ms ease}.volume-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#632b3c,#291b26 70%);border:1px solid #be9b7388;outline:1px solid #be9b7333;outline-offset:-7px;padding:15px 6px;box-shadow:inset 4px 0 5px #0008,8px 8px 15px #0005;transform:translateZ(8px);color:#e2c191;font:9px/1.4 Georgia,serif;letter-spacing:.08em}.volume-spine{position:absolute;inset:0 auto 0 0;width:18px;transform:rotateY(-90deg) translateZ(9px);transform-origin:left;background:repeating-linear-gradient(to bottom,#3a2430 0 20px,#ac89614d 21px 22px,#3a2430 23px 48px);border:1px solid #7d5c52;color:#e2c191;writing-mode:vertical-rl;font:12px Georgia;padding:14px 0}.volume-pages{position:absolute;inset:3px 0 3px auto;width:15px;background:repeating-linear-gradient(to right,#9e8e77 0 1px,#473e38 1px 2px);transform:rotateY(90deg) translateZ(7px);transform-origin:right}.volume-motif{font-size:26px;line-height:1}.volume-info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.book-author{font: .85rem/1.5 Arial,sans-serif;color:var(--muted)}.book-title{font:400 clamp(1.3rem,1.7vw,1.8rem)/1.2 Georgia,serif;color:var(--heading)}.library-volume .book-note{font-size:.875rem!important;line-height:1.55}.book-action{display:block;color:var(--link);font:700 .875rem/1.5 Arial,sans-serif;margin-top:.5rem;text-decoration:underline;text-underline-offset:.25em}body[data-env=on] .library-volume:hover .volume{transform:rotateY(-13deg) rotateX(3deg)}#books .library-volume:nth-child(2) .volume-cover{background:linear-gradient(125deg,#404139,#22251f)}#books .library-volume:nth-child(3) .volume-cover{background:linear-gradient(125deg,#3b3448,#222029)}#books .library-volume:nth-child(4) .volume-cover{background:linear-gradient(125deg,#4c3433,#281b20)}.stage{position:relative;padding:clamp(1.5rem,2.5vw,3rem);background:radial-gradient(ellipse at 70% 0,#8d56332b,transparent 62%),linear-gradient(145deg,#351b27,#19151d 75%);border:1px solid #68515d;box-shadow:inset 0 0 0 7px #12101455,0 20px 40px #08060a55}.stage:after{content:"";display:block;height:150px;margin-top:1.5rem;background:url('portada/arco-original.svg') center 35%/contain no-repeat;opacity:.3;pointer-events:none}.stage h3{font-size:clamp(1.8rem,2.5vw,2.8rem)}.podcast-studio,.podcast-card{background:radial-gradient(ellipse at 15% 70%,#6a343122,transparent 60%)}
button:active:not(:disabled),.button:active{box-shadow:inset 0 2px 5px #0006}button[aria-selected=true]{border-color:var(--focus);background:var(--selected-bg);color:var(--selected-text)}.filter[aria-pressed=true]{border-color:var(--focus)}.filter-result-pulse{animation:results-in 200ms ease-out}@keyframes results-in{from{opacity:.72}to{opacity:1}}.section-arrival{animation:section-arrival 420ms ease-out}@keyframes section-arrival{from{opacity:.82}to{opacity:1}}body[data-env=off] .section-arrival,body[data-env=off] .filter-result-pulse{animation:none!important}.a11y-status{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.account-sigil{display:inline-grid;place-items:center;min-width:25px;height:25px;border:1px solid var(--ornament);border-radius:50%;font:700 .875rem Georgia;color:var(--focus);background:#352532}.account-name{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-action{font-size:.7rem;font-weight:400;color:var(--muted)}.session-feedback:not([hidden]){padding:.7rem 1rem;border-left:3px solid var(--focus);margin-block:.7rem;color:var(--heading);background:var(--surface)}.nc-message:empty{display:none}.nc-message[data-kind=success]{color:var(--success);background:var(--success-bg);border-left:3px solid var(--success)}.nc-message:not(:empty){padding:.7rem 1rem}.nc-tabs{display:flex;flex-wrap:wrap}.nc-tabs [role=tab]{min-width:0}.nc-thread-review{padding:1rem;border:1px solid var(--ornament)}.nc-pending-note{font-size:.875rem;color:var(--muted)}.nc-story{white-space:pre-wrap}.nc-card,.nc-form{min-width:0}#nc-thread-body,#nc-thread-comments{max-width:38rem}#nc-my-posts .reading{align-items:start;padding:1.2rem 0}#nc-my-posts .reading>div{min-width:0}.media-feedback:empty{display:none}
@media(min-width:1700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero.hero-atmospheric .scene{width:78%}.head .mark{width:82px}}
@media(min-width:768px) and (max-width:1250px){.head .tools{width:auto;justify-content:flex-end}.head{flex-wrap:wrap}.head .nav{order:3;width:100%;justify-content:center}.split:has(#biblioteca){grid-template-columns:1fr}.stage:after{height:120px}.head .mark{width:68px}}
@media(max-width:1050px){button.library-volume{grid-template-columns:90px minmax(0,1fr);gap:.7rem;padding:1rem .8rem}.volume-space{transform:scale(.9);transform-origin:left center}.account-name{max-width:11ch}}
@media(max-width:767px){:root{--gutter:clamp(1rem,4vw,1.5rem)}.head .mark{width:58px}.head{padding-block:.4rem;gap:.6rem}.head .tools{gap:.4rem}.head .tools button{font-size:.8rem;padding:.4rem .45rem;min-height:44px}.head .nav{order:3;width:100%}.identity-band>.wrap{padding-block:.25rem;font-size:.7rem;gap:.2rem 1rem}.hero.hero-atmospheric{min-height:0;padding-top:2rem;overflow:visible}.hero-atmospheric .hero-copy{width:100%;max-width:none;padding-bottom:1.5rem}.hero-atmospheric h1{font-size:clamp(3.25rem,12.5vw,5rem);margin:1rem 0 1.4rem}.hero-atmospheric .hero-copy:before{display:none}.hero.hero-atmospheric .scene{position:relative;inset:auto;margin-inline:calc(-1*var(--gutter));width:calc(100% + 2*var(--gutter));height:430px;contain:paint}.scene .landscape,.scene .architecture,.scene .forest{transform:none!important}.forest{opacity:.3}.hero.hero-atmospheric .scene .architecture{inset:0}.art-caption{padding-right:.5rem}.editorial-coda{font-size:.65rem;letter-spacing:.1em;padding-block:.8rem;gap:.6rem}.split:has(#biblioteca){grid-template-columns:1fr}.section-head h2,.lineage-head h2{font-size:2rem}#books{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}button.library-volume{grid-template-columns:1fr;padding:1.1rem 1rem;gap:.5rem}.volume-space{height:162px;width:104px;margin-inline:auto;transform:none}.book-title{font-size:1.5rem}.volume-info{gap:.45rem}.library-volume .book-note{font-size:.875rem!important}.stage:after{height:150px}.account-action{display:none}.account-name{max-width:10ch}.scene .fog.second{display:none}.account-sigil{min-width:22px;height:22px}}
@media(max-width:420px){#books{grid-template-columns:1fr}button.library-volume{grid-template-columns:90px minmax(0,1fr);padding:1.1rem .85rem;gap:.9rem}.volume-space{width:90px;height:150px;transform:scale(.9);transform-origin:left center}.book-title{font-size:1.5rem}.hero.hero-atmospheric .scene{height:390px}.account-name{max-width:9ch}.nav-submenu{max-width:100%}}
@media(prefers-reduced-motion:reduce){.scene .landscape,.scene .forest,.scene .architecture{transform:none!important}.volume{transition:none!important}.section-arrival,.filter-result-pulse{animation:none!important}}
body[data-env=off] .scene .landscape,body[data-env=off] .scene .forest,body[data-env=off] .scene .architecture{transform:none!important}body[data-env=off] .volume{transition:none!important}.page-hidden .section-arrival,.page-hidden .filter-result-pulse{animation-play-state:paused!important}
/* Ajustes tras inspección a 320 px: cabecera en dos filas, logo íntegro y arco completo. */
.masthead .head .brand .mark{width:78px}.hero-atmospheric .architecture img{object-fit:contain;object-position:center top}.stage:after{height:90px;margin-top:1rem}.stage [style*="font-size:60px"]{font-size:32px!important;margin-top:15px!important}
@media(max-width:767px){.masthead .head .brand .mark{width:58px}.masthead .head .tools{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);width:100%;gap:.35rem}.masthead .head .tools button{font-size:.75rem;padding:.4rem .2rem;min-width:0;white-space:normal}.masthead .head .tools .account-link{gap:.3rem}.account-name{max-width:8ch}.scene .architecture img{object-fit:contain;object-position:center}}
.section-arrival:not(.in-view){animation-play-state:paused!important}
/* Capas compuestas solo mientras están activas y visibles. */
body[data-parallax=on] .scene :is(.landscape,.architecture,.forest){will-change:transform}
.section-arrival{animation:none}.section-arrival>:is(.section-head,.lineage-head,.lineage-controls){animation:section-arrival 360ms ease-out}.section-arrival:not(.in-view)>*{animation-play-state:paused!important}.page-hidden .section-arrival>*{animation-play-state:paused!important}body[data-env=off] .section-arrival>*{animation:none!important}@media(prefers-reduced-motion:reduce){.section-arrival>*{animation:none!important}}
/* Fondos hasta el borde de la ventana; controles dentro del margen fluido. */
main>section:not(.hero):before{inset-inline:calc((100% - 100vw)/2)}.editorial-coda{margin-inline:calc((100% - 100vw)/2)}.hero.hero-atmospheric .scene{right:calc((100% - 100vw)/2)}
@media(max-width:767px){.hero.hero-atmospheric .scene{right:auto}}
/* Ajuste automático de comodidad ante cuadros lentos: sin alterar preferencias guardadas. */
body[data-performance=light] .scene .fog{animation:none!important;opacity:.045}body[data-performance=light] .scene :is(.landscape,.architecture,.forest){transform:none!important;will-change:auto}body[data-performance=light] .section-arrival>*,body[data-performance=light] .filter-result-pulse{animation:none!important}body[data-performance=light] .library-volume .volume{transition:none}body[data-performance=light] .library-volume:hover .volume{transform:rotateY(-23deg) rotateX(5deg)}
/* 28/10 — presencia más sutil, cubierta articulada y estado de sesión explícito. */
.account-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.account-link .account-action{display:block;font-size:.65rem;line-height:1.2;color:var(--muted);font-weight:400}.account-link[data-session=in]{border-color:#a38a70;background:linear-gradient(115deg,#2b2028,#1c181d)}.account-link[data-session=in] .account-sigil{position:relative}.account-link[data-session=in] .account-sigil:after{content:"";position:absolute;width:6px;height:6px;right:-1px;bottom:0;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px var(--surface)}
#books{gap:0 1.75rem}button.library-volume{grid-template-columns:90px minmax(0,1fr);gap:1.2rem;padding:1.4rem .65rem;background:transparent;border:0;border-bottom:1px solid #68515d77;box-shadow:none;min-height:188px}.library-volume:hover,.library-volume:focus-visible{background:linear-gradient(90deg,#4e283018,transparent);border-color:#be9b7388;box-shadow:none}.volume-space{height:145px;padding:5px 0 5px 10px}.volume{width:74px;height:126px;transform:rotateY(-12deg) rotateX(2deg);transition:none}.volume-cover{background:linear-gradient(120deg,#38222c,#261b23)!important;outline-color:#be9b7324;border-color:#a98a625c;padding:14px 7px;transform-origin:left center;transform:translateZ(8px) rotateY(0deg);backface-visibility:hidden;transition:transform 520ms cubic-bezier(.2,.65,.3,1),box-shadow 520ms ease;box-shadow:inset 3px 0 5px #0008,3px 5px 12px #0004}.volume-monogram{font:12px/1 Georgia,serif;letter-spacing:.16em;color:#c7ad84}.volume-motif{font-size:15px;opacity:.7}.volume-rule{display:block;width:24px;height:1px;background:#a98a6255}.volume-spine{width:12px;font-size:10px;background:linear-gradient(90deg,#241b21,#493039);border-color:#7a60504f;transform:rotateY(-90deg) translateZ(6px)}.volume-pages{width:9px;background:repeating-linear-gradient(to right,#aa9f89 0 1px,#655d50 1px 2px);opacity:.7;transform:rotateY(90deg) translateZ(5px)}.volume-leaf{position:absolute;inset:2px 1px 2px 2px;background:linear-gradient(90deg,#867b65,#c0b59b 14%,#c8bda6);border:1px solid #8b806a;transform:translateZ(5px);padding:27px 10px 12px;display:flex;flex-direction:column;gap:7px;box-shadow:inset 4px 0 8px #21191466}.volume-leaf i{display:block;height:1px;background:#6f65574d;width:100%}.volume-leaf i:last-child{width:60%}.book-title{font-size:clamp(1.3rem,1.65vw,1.65rem);line-height:1.25}.book-author{font-size:.875rem}.book-action{font-weight:400;font-size:.875rem}.volume-info{gap:.45rem}.library-volume .book-note{color:var(--muted)}
body[data-env=on] .library-volume:hover .volume,body[data-env=on] .library-volume:focus-visible .volume{transform:rotateY(-12deg) rotateX(2deg)}
@media(hover:hover) and (pointer:fine){body[data-env=on]:not([data-performance=light]) .library-volume:is(:hover,:focus-visible) .volume-cover{transform:translateZ(8px) rotateY(-48deg);box-shadow:inset 3px 0 5px #0008,8px 6px 14px #0004}}
body[data-env=on]:not([data-performance=light]) .library-volume:focus-visible .volume-cover{transform:translateZ(8px) rotateY(-38deg)}
.hero-atmospheric h1{position:relative}.hero-atmospheric h1:after{content:"";display:block;position:absolute;bottom:-.2em;left:.025em;width:1.2em;height:1px;background:linear-gradient(90deg,#be9b7380,transparent);transform-origin:left;transform:scaleX(.7);opacity:.6;transition:transform 700ms ease,opacity 700ms ease}.hero-awake h1:after{transform:scaleX(1.5);opacity:1}
@supports(background-clip:text){body[data-env=on]:not([data-performance=light]) .hero-awake h1{color:transparent;background:linear-gradient(110deg,#f0ece4 30%,#f0ece4 42%,#e6c67a 49%,#fff9f3 52%,#f0ece4 58%,#f0ece4 75%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;animation:wordmark-reflection 2100ms cubic-bezier(.2,.5,.4,1) 1 both}}@keyframes wordmark-reflection{from{background-position:100% 0}to{background-position:0 0}}
body[data-env=off] .volume-cover,body[data-performance=light] .volume-cover{transition:none!important;transform:translateZ(8px)!important}body[data-env=off] .hero-awake h1,body[data-performance=light] .hero-awake h1{animation:none!important;background:none!important;color:var(--heading)!important}.page-hidden .hero-awake h1{animation-play-state:paused!important}
@media(max-width:767px){.account-link .account-action{font-size:.6rem}.account-copy{gap:1px}.account-link .account-name{max-width:11ch}#books{gap:0 1.25rem}button.library-volume{grid-template-columns:1fr;padding:1.2rem .5rem;gap:.7rem}.volume-space{height:140px;width:90px}.book-title{font-size:1.4rem}}
@media(max-width:420px){button.library-volume{grid-template-columns:80px minmax(0,1fr);gap:1rem;padding:1rem .35rem;min-height:168px}.volume-space{width:80px;height:140px;transform:scale(.9)}.book-title{font-size:1.3rem}}
@media(hover:none){body[data-env=on] .library-volume:active .volume-cover{transform:translateZ(8px) rotateY(-32deg);transition-duration:120ms}}
@media(prefers-reduced-motion:reduce){.volume-cover{transition:none!important;transform:translateZ(8px)!important}.hero-atmospheric h1{animation:none!important;background:none!important;color:var(--heading)!important}.hero-atmospheric h1:after{transition:none!important;transform:none!important}}

/* El reflejo también se pausa al salir la escena de la ventana. */
.hero-atmospheric:has(.scene.paused) h1{animation-play-state:paused!important}

/* 28/10 — formularios de comunidad contenidos en la ventana, sin reducir la lectura. */
:is(#nc-account-dialog,#nc-submit-dialog){box-sizing:border-box;width:min(38rem,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:1rem 1.25rem;scroll-padding-block:3.5rem 1rem;overflow-x:hidden;overflow-y:auto}
:is(#nc-account-dialog,#nc-submit-dialog) .close{position:sticky;top:0;z-index:3;background:var(--reading);margin:0 0 .35rem auto;padding:.5rem .8rem;min-height:44px;box-shadow:0 -16px 0 8px var(--reading)}
:is(#nc-account-dialog,#nc-submit-dialog) .eyebrow{font-size:.75rem;line-height:1.4}
:is(#nc-account-dialog,#nc-submit-dialog) h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:.5rem 0 .8rem;line-height:1.2}
:is(#nc-account-dialog,#nc-submit-dialog) .nc-field{margin:.7rem 0;font-size:.875rem;line-height:1.45}
:is(#nc-account-dialog,#nc-submit-dialog) :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;padding:.6rem .7rem;margin-top:.35rem;font-size:1rem}
#nc-submit-body{height:clamp(100px,20dvh,170px);min-height:100px;max-height:40dvh;line-height:1.55}
#nc-bio{height:clamp(70px,12dvh,100px);min-height:70px;max-height:30dvh;line-height:1.55}
:is(#nc-account-dialog,#nc-submit-dialog) .nc-tabs{margin:.65rem 0;gap:.4rem}
:is(#nc-account-dialog,#nc-submit-dialog) .nc-message:empty{display:none}
:is(#nc-account-dialog,#nc-submit-dialog) .nc-note{font-size:.8125rem;line-height:1.5;margin:.6rem 0}
#nc-profile .nc-inline{margin-top:.8rem!important;gap:.5rem}
:is(#nc-account-dialog,#nc-submit-dialog) .nc-inline button{padding:.6rem .75rem;min-height:44px}
@media(max-width:420px){:is(#nc-account-dialog,#nc-submit-dialog){padding:.7rem .85rem;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px)}:is(#nc-account-dialog,#nc-submit-dialog) h2{font-size:1.5rem}}

/* Cubiertas de biblioteca: tintes de encuadernación envejecida y apertura pausada. */
#books .library-volume:nth-child(1){--binding-hi:#344038;--binding-lo:#1d2924}
#books .library-volume:nth-child(2){--binding-hi:#49252f;--binding-lo:#2b1822}
#books .library-volume:nth-child(3){--binding-hi:#333344;--binding-lo:#1e202d}
#books .library-volume:nth-child(4){--binding-hi:#49372c;--binding-lo:#2b211e}
#books .volume-cover{background:linear-gradient(120deg,var(--binding-hi),var(--binding-lo))!important;transition:transform 1100ms cubic-bezier(.22,.55,.3,1),box-shadow 1100ms ease}
#books .volume-spine{background:linear-gradient(90deg,var(--binding-lo),var(--binding-hi))}
@media(hover:hover) and (pointer:fine){body[data-env=on]:not([data-performance=light]) #books .library-volume:hover .volume-cover{transform:translateZ(8px) rotateY(-38deg)}}
body[data-env=on]:not([data-performance=light]) #books .library-volume:focus-visible .volume-cover{transform:translateZ(8px) rotateY(-32deg)}
body[data-env=off] #books .volume-cover,body[data-performance=light] #books .volume-cover{transition:none!important}
@media(prefers-reduced-motion:reduce){#books .volume-cover{transition:none!important;transform:translateZ(8px)!important}}

/* Luz de vela y respiración del umbral, sin alterar la ilustración aprobada. */
.scene .candle i{background:radial-gradient(ellipse at 50% 72%,#fffbea 0 19%,#ffd37f 36%,#e9a044 64%,#ac512800 84%);width:9px;height:24px;left:0;transform-origin:50% 95%;box-shadow:0 0 8px 2px #ffcc7470,0 0 22px 7px #e5a35730}
.scene .candle:after{content:"";position:absolute;width:2px;height:5px;bottom:100%;left:4px;background:#37221b}
.scene .candle i:after{content:"";position:absolute;inset:-27px -24px;background:radial-gradient(ellipse,#f2bc5b26,transparent 66%);pointer-events:none}
.scene .architecture:after{content:"";position:absolute;inset:16% 18% 4%;background:radial-gradient(ellipse at 53% 72%,#b98a4f13,transparent 65%);pointer-events:none;opacity:var(--threshold-warmth,.4)}
.volume-ornament{display:block;width:29px;height:48px;margin:auto;color:#c7ad84;opacity:.7}.volume-ornament svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:.8}.volume-cover{justify-content:center;gap:13px}.volume-rule{width:18px;margin-inline:auto}
body[data-motion-engine=gsap] .scene .candle i{animation:none!important}
.umbral-depth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.24}
body[data-env=off] .umbral-depth,body[data-performance=light] .umbral-depth{display:none}
@media(max-width:767px),(prefers-reduced-motion:reduce){.umbral-depth{display:none}}

/* Acciones editoriales como invitaciones de lectura, con menor peso de caja. */
main :is(.lineage-focus,.lineage-week,.game-copy,.episode-content,.community-intro) .btn{background:transparent;color:#e3cbb0;border:0;border-bottom:1px solid #a887626e;border-radius:0;padding:.55rem .15rem;min-height:44px;font-weight:400;letter-spacing:.015em;box-shadow:none;align-self:flex-start;justify-content:flex-start;max-width:100%;text-align:left;text-wrap:pretty;transition:color 220ms ease,border-color 220ms ease,background-color 220ms ease}
main :is(.lineage-focus,.lineage-week,.game-copy,.episode-content,.community-intro) .btn:hover{color:#fff1d8;border-bottom-color:#d3b583;background:linear-gradient(0deg,#b08c5210,transparent 70%)}
main :is(.lineage-focus,.lineage-week,.game-copy,.episode-content,.community-intro) .btn:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
main :is(.lineage-focus,.lineage-week,.game-copy,.episode-content,.community-intro) .btn:disabled{color:var(--disabled);background:transparent;border-bottom-color:var(--line);cursor:not-allowed}

/* El juego del mes: una escena legible, no un pictograma aislado. */
.game-art-narrative{min-height:420px;background:#111318}.game-art-narrative:before{display:none}.game-art-narrative svg{inset:0;object-fit:cover}.game-art-legend{position:absolute;inset:auto 0 0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(transparent,#111318ed);display:flex;flex-direction:column;gap:.45rem}.game-art-legend span{font:10px/1.5 Arial,sans-serif;letter-spacing:.14em;color:#c7ad84}.game-art-legend strong{font:400 1.35rem/1.3 Georgia,serif;color:#e6dfd3}
@media(max-width:767px){.game-art-narrative{min-height:300px;aspect-ratio:6/4.4}.game-art-legend{padding:2.5rem 1.1rem 1rem}.game-art-legend strong{font-size:1.2rem}}

.game-art-narrative{min-width:0;width:100%}@media(max-width:767px){.game-art-narrative{aspect-ratio:auto;height:300px;min-height:0}}

/* Programa: lámina sonora y bloque editorial, sin simular reproducción. */
#podcasts>h2{max-width:24ch;line-height:1.12;margin-bottom:1.2rem}
#podcasts>p{max-width:78ch;color:var(--muted);line-height:1.8}
#podcasts .podcast-studio{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:2.5rem 0;margin-top:2rem;border-top:1px solid #a887623d;border-bottom:1px solid #a887623d;background:radial-gradient(ellipse at 15% 60%,#61304416,transparent 55%)}
#podcasts .podcast-art{position:relative;isolation:isolate;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2rem;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#74533b20,transparent 67%);border:0}
#podcasts .podcast-art:before{content:"";position:absolute;inset:18px max(24px,16%);border:1px solid #b4946247;border-radius:48% 48% 2px 2px;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#b4844220,transparent 65%);box-shadow:inset 0 0 45px #100e1240;transform-origin:50% 60%}
#podcasts .podcast-art:after{content:"DOS VOCES · UNA OBRA";font:10px/1.6 Arial,sans-serif;letter-spacing:.2em;color:#c3a983;text-align:center}
#podcasts .podcast-art .mark{width:155px;height:188px;margin:0;background:none;filter:drop-shadow(0 6px 18px #0006)}
#podcasts .podcast-art .mark img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
#podcasts .podcast-studio>div:last-child{max-width:670px;min-width:0}
#podcasts .podcast-studio>div:last-child>.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#ba9c7d;margin-bottom:.8rem}
#podcasts .podcast-studio h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.12;margin:0 0 1.2rem;max-width:18ch}
#podcasts .podcast-studio>div:last-child>p:not(.eyebrow){max-width:54ch;font:1.1rem/1.8 Georgia,serif;color:#d0c6c2}
#podcasts .podcast-studio .notice{margin-top:1.75rem;padding:.25rem 0 .25rem 1.1rem;border:0;border-left:1px solid #b4946277;background:transparent;max-width:50ch}
#podcasts .podcast-studio .notice strong{font-size:.875rem;font-weight:400;letter-spacing:.025em;color:#d1b997}
#podcasts .podcast-studio .notice p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:.55rem 0 0}
@keyframes podcast-lamplight{from{opacity:.5;transform:scale(.99)}to{opacity:1;transform:scale(1.015)}}
@media(hover:hover) and (pointer:fine){body[data-env=on] #podcasts .podcast-studio:hover .podcast-art:before{animation:podcast-lamplight 5s ease-in-out infinite alternate}}
.page-hidden #podcasts .podcast-art:before{animation-play-state:paused!important}
body[data-env=off] #podcasts .podcast-art:before,body[data-performance=light] #podcasts .podcast-art:before{animation:none!important}
@media(prefers-reduced-motion:reduce){#podcasts .podcast-art:before{animation:none!important}}
@media(max-width:767px){#podcasts .podcast-studio{grid-template-columns:minmax(0,1fr);gap:1.8rem;padding:1.5rem 0}#podcasts .podcast-art{min-height:280px;width:100%;max-width:360px;margin-inline:auto;padding:1.5rem}#podcasts .podcast-art .mark{width:135px;height:164px}#podcasts .podcast-studio>div:last-child{padding:0 .25rem}#podcasts .podcast-studio h3{font-size:2rem}}
/* Gabinete de grabados: ilustración editorial original, sin portadas históricas atribuidas. */
#books{gap:1.5rem 2rem}#books button.engraving-card{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.3rem 0;min-height:200px;overflow:visible;background:transparent;border:0;border-bottom:1px solid #a8876240;text-align:left}
.engraving-image{position:relative;display:block;aspect-ratio:400/260;overflow:hidden;isolation:isolate;background:#11151b;border:1px solid #a887622e}.engraving-image img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:brightness(.85);transition:filter 1200ms ease,opacity 1200ms ease,transform 1500ms cubic-bezier(.2,.6,.3,1)}.engraving-number{position:absolute;bottom:.45rem;right:.6rem;font:10px/1 Arial,sans-serif;letter-spacing:.15em;color:#b49b7b}.engraving-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#d9bb7e10 50%,transparent 80%);opacity:0;transition:opacity 1400ms ease;pointer-events:none}
#books .engraving-card:is(:hover,:focus-visible) .engraving-image img{filter:brightness(1.15);opacity:1}body[data-env=on] #books .engraving-card:is(:hover,:focus-visible) .engraving-image img{transform:scale(1.035)}#books .engraving-card:is(:hover,:focus-visible) .engraving-image:after{opacity:1}#books .engraving-card .book-title{font-size:clamp(1.35rem,1.7vw,1.85rem)}#books .engraving-card .volume-info{min-width:0;gap:.5rem}
.quote-block{position:relative;isolation:isolate;overflow:hidden;padding-block:5rem!important}.quote-block>:not(.credo-door){position:relative;z-index:1}.credo-door{position:absolute;z-index:0;pointer-events:none;width:210px;height:310px;bottom:-30px;left:calc(50% - 105px);border:1px solid #af916130;border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 14px #121014,inset 0 0 0 15px #af91611a;opacity:.6}.credo-door:before{content:"";position:absolute;inset:25px 23px 0;border:1px solid #af916124;border-radius:50% 50% 0 0}.credo-door i{display:block;position:absolute;bottom:0;top:70px;left:50%;width:2px;background:#d1b17b;opacity:.1;box-shadow:0 0 22px 7px #bd8b4840;transform:scaleY(.2);transform-origin:bottom;transition:opacity 2600ms ease,transform 3200ms cubic-bezier(.2,.6,.3,1)}body[data-env=on] .credo-revealed .credo-door i{opacity:.45;transform:scaleY(1)}
body[data-env=off] .engraving-image img,body[data-performance=light] .engraving-image img{transform:none!important;transition:none!important}body[data-env=off] .credo-door i,body[data-performance=light] .credo-door i{transition:none;transform:none;opacity:.25}
@media(max-width:1050px){#books button.engraving-card{grid-template-columns:minmax(0,1fr);gap:1rem}.engraving-image{width:100%}}
@media(max-width:420px){#books{grid-template-columns:minmax(0,1fr)}#books button.engraving-card{grid-template-columns:105px minmax(0,1fr);gap:1rem;min-height:160px}.engraving-image{aspect-ratio:3/4}#books .engraving-card .book-title{font-size:1.3rem}.quote-block{padding-block:3.5rem!important}.credo-door{opacity:.4}}
@media(prefers-reduced-motion:reduce){.engraving-image img,.engraving-image:after,.credo-door i{transition:none!important;transform:none!important}.credo-door i{opacity:.25!important}}
/* Lámina sonora: luz rasante, logo estable y sombra editorial original. */
.podcast-card .episode-cover-shadow{position:relative;isolation:isolate;overflow:hidden;align-self:start;aspect-ratio:4/5;max-height:580px;min-height:390px;padding:2rem;display:flex;flex-direction:column;justify-content:center;gap:1.8rem;background:radial-gradient(ellipse at 65% 33%,#ae795124,transparent 64%),linear-gradient(115deg,#17141b,#33202a 52%,#151219);border:1px solid #a8876238}
.episode-cover-shadow:before{content:"";position:absolute;inset:18px;border:1px solid #b995622c;pointer-events:none;z-index:2}.episode-cover-shadow:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#e4bd7020 45%,transparent 70%);opacity:.35;pointer-events:none;z-index:0}
.episode-cover-shadow .mark{position:relative;z-index:2;width:170px;height:207px;background:none;flex-shrink:0;filter:drop-shadow(0 8px 20px #09070bcc)}.episode-cover-shadow .mark img{position:static;width:100%;max-width:100%;height:100%;object-fit:contain}
.cover-edition,.cover-signature{position:relative;z-index:2;color:#c8ad86;font:10px/1.5 Arial,sans-serif;letter-spacing:.2em;text-align:center}.cover-signature{font-size:9px;letter-spacing:.18em;color:#af9a83}.podcast-shadow{position:absolute;z-index:1;width:78%;height:110%;bottom:-5%;left:-25%;background:url('portada/sombra-editorial.svg') center bottom/contain no-repeat;filter:blur(2px);opacity:0;pointer-events:none;transform:translateX(-25%) skewX(-7deg);transform-origin:center bottom}
@keyframes nocturnal-passage{0%,8%{opacity:0;transform:translateX(155%) skewX(1deg)}22%{opacity:.18}42%{opacity:.28;transform:translateX(78%) skewX(-4deg)}58%{opacity:0;transform:translateX(-30%) skewX(-7deg)}100%{opacity:0;transform:translateX(-30%) skewX(-7deg)}}
body[data-env=on]:not([data-performance=light]) .episode-cover-shadow .podcast-shadow{animation:nocturnal-passage 20s ease-in-out infinite;animation-play-state:paused}.episode-cover-shadow.shadow-in-view .podcast-shadow{animation-play-state:running!important}.page-hidden .episode-cover-shadow .podcast-shadow{animation-play-state:paused!important}
body[data-env=off] .episode-cover-shadow .podcast-shadow,body[data-performance=light] .episode-cover-shadow .podcast-shadow{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.episode-cover-shadow .podcast-shadow{animation:none!important;opacity:0!important}}
@media(max-width:767px){.podcast-card .episode-cover-shadow{min-height:300px;max-width:360px;max-height:420px;aspect-ratio:1.1;gap:1.1rem}.episode-cover-shadow .mark{width:130px;height:158px}.podcast-shadow{filter:blur(1px)}}
/* Luz perceptible de la linterna y velas que anclan el primer plano. */
.lantern-wall-light{opacity:.95;transform-origin:173px 289px}.lantern-flame,.lantern-heart{transform-box:fill-box;transform-origin:50% 100%}.lantern-flame{filter:drop-shadow(0 0 6px #ffd17c)}
@keyframes lantern-breath{0%,100%{opacity:.65;transform:scale(.94)}45%{opacity:1;transform:scale(1.16)}70%{opacity:.8;transform:scale(1.04)}}
@keyframes lantern-flicker{0%,100%{transform:scale(1) skewX(-2deg)}38%{transform:scale(.91,1.12) skewX(3deg)}72%{transform:scale(1.1,.91) skewX(-3deg)}}
body[data-env=on] .game-art .lantern-wall-light{animation:lantern-breath 4.8s ease-in-out infinite;animation-play-state:paused}body[data-env=on] .game-art :is(.lantern-flame,.lantern-heart){animation:lantern-flicker 2.6s ease-in-out infinite;animation-play-state:paused}.game-art.lantern-in-view :is(.lantern-wall-light,.lantern-flame,.lantern-heart){animation-play-state:running!important}.page-hidden .game-art :is(.lantern-wall-light,.lantern-flame,.lantern-heart){animation-play-state:paused!important}
.hero.hero-atmospheric .scene .candle{width:12px;height:90px;right:15%;background:linear-gradient(90deg,#64513b,#d3ba8f 45%,#8c714f 80%,#4c392c);box-shadow:0 0 18px #c4995920}
.hero.hero-atmospheric .scene .candle.second{width:10px;height:62px;right:7%}
.scene .candle i{width:12px;height:29px;left:0;box-shadow:0 0 10px 3px #ffd07599,0 0 30px 12px #dc9d434a}
.scene .candle i:after{inset:-48px -44px;background:radial-gradient(ellipse,#f2bc5b38,transparent 67%)}
.umbral-cat{position:absolute;z-index:3;width:170px;height:115px;right:19%;bottom:26%;pointer-events:none}.umbral-cat:after{content:"";position:absolute;left:8px;right:-32px;bottom:0;height:4px;background:linear-gradient(90deg,#846d6e,#4d4145);box-shadow:0 6px 13px #08080d80}.cat-seated{position:absolute;width:80px;height:83px;object-fit:contain;bottom:2px;left:16px;opacity:.82;filter:drop-shadow(0 2px 1px #0009)}.cat-walker{position:absolute;width:130px;height:80px;bottom:0;left:0;opacity:0;overflow:visible}.cat-leg{transform-box:fill-box;transform-origin:50% 0}
@keyframes feline-step{from{transform:rotate(-13deg)}to{transform:rotate(13deg)}}
.umbral-cat.cat-arriving .cat-leg{animation:feline-step 480ms ease-in-out infinite alternate}.umbral-cat.cat-arriving .cat-leg-b{animation-delay:-480ms}
.page-hidden .cat-leg{animation-play-state:paused!important}
body[data-env=off] .cat-leg,body[data-performance=light] .cat-leg{animation:none!important}
body[data-env=off] .game-art :is(.lantern-wall-light,.lantern-flame,.lantern-heart),body[data-performance=light] .game-art :is(.lantern-wall-light,.lantern-flame,.lantern-heart){animation:none!important}
@media(max-width:767px){.hero.hero-atmospheric .scene .candle{height:68px;width:10px}.hero.hero-atmospheric .scene .candle.second{height:48px;width:8px}.umbral-cat{right:16%;bottom:27%;width:120px;height:85px}.cat-seated{width:58px;height:60px;left:12px}.cat-walker{width:100px;height:62px}.scene .candle i{width:10px;height:25px}}
@media(prefers-reduced-motion:reduce){.game-art :is(.lantern-wall-light,.lantern-flame,.lantern-heart),.cat-leg{animation:none!important}.cat-walker{display:none!important}.cat-seated{opacity:.82!important;transform:none!important}}
/* Apoyo integrado: coordenadas del arco original, sin plataforma añadida. */
.cat-placement{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:2}.cat-rig{overflow:visible;pointer-events:none}.umbral-cat{display:none}.cat-rig .feline-root{filter:drop-shadow(0 1px 1px #0008)}
