:root{--bg:#0d2326;--bg2:#11292c;--card:#163a39;--fg:#f1e9d8;--muted:#b9c9c2;--accent:#e9b65a;--line:rgba(241,233,216,.14);
--paper:#f4eee2;--ink:#271f15;--ink2:#5d5141;--disp:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
--read:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 var(--ui)}
a{color:inherit;text-underline-offset:.18em}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
img{max-width:100%}
.w{max-width:1120px;margin:0 auto;padding-inline:20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
h2{font:600 clamp(1.6rem,3.4vw,2.1rem)/1.15 var(--disp);margin:0 0 14px;text-wrap:balance}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.bar{border-bottom:1px solid var(--line);background:var(--bg)}
.bar-in{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding-block:11px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;text-decoration:none;flex:none}
.brand img{border-radius:22%;display:block}
.crumbs{flex:1 1 320px;min-width:0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.crumbs li{min-width:0}
.crumbs li+li::before{content:"›";margin:0 .55em;opacity:.55}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--fg);text-decoration:underline}
.crumbs [aria-current]{color:var(--fg)}
.lang{font-size:.9rem;color:var(--muted);text-decoration:none;flex:none;margin-left:auto}.lang:hover{color:var(--fg);text-decoration:underline}
.acc{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.cta,.cta2{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none;line-height:1.2}
.cta{background:var(--accent);color:#1f1504;box-shadow:0 8px 20px -10px rgba(233,182,90,.7)}.cta:hover{filter:brightness(1.07)}
.cta2{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--fg)}.cta2:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}
.cta svg,.cta2 svg{width:18px;height:18px;flex:none}
.muro{--pc:#4a5a5c;margin:0;position:relative;display:grid;place-items:center;padding:clamp(22px,5vw,64px) 16px clamp(26px,5vw,60px);
background:radial-gradient(62% 58% at 50% 0%,rgba(255,238,210,.17),transparent 72%),linear-gradient(#0000 70%,rgba(0,0,0,.28)),var(--wall,#1a2224)}
@supports (background:color-mix(in srgb,red,blue)){.muro{--wall:color-mix(in srgb,var(--pc) 34%,#0b1214)}}
.muro img{display:block;width:auto;height:auto;max-width:min(100%,1180px);max-height:min(76vh,880px);
box-shadow:0 0 0 5px #19130d,0 0 0 6px rgba(233,182,90,.42),0 26px 60px -20px rgba(0,0,0,.9);background:#19130d}
.ver{display:block;position:relative;width:100%}.ver img{margin-inline:auto}
.ver>summary{display:block;list-style:none;cursor:pointer;position:relative}
.ver>summary::-webkit-details-marker{display:none}
.ver[open]>summary{display:none}
.muro img.borroso{width:min(100%,1180px,calc(min(76vh,880px) * var(--w) / var(--h)))}
.velo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.velo b{display:inline-block;padding:10px 18px;border-radius:999px;background:rgba(15,20,22,.72);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);text-shadow:none}
.ver>summary:focus-visible{outline:none}.ver>summary:focus-visible .velo b{outline:2px solid var(--accent);outline-offset:3px}
.tit{padding-block:26px 4px}
.tit h1{font:600 clamp(2.3rem,6vw,3.8rem)/1.02 var(--disp);margin:0;letter-spacing:-.005em;text-wrap:balance}
.tit .por{margin:.4em 0 0;font-size:1.12rem;color:var(--muted)}.tit .por a{color:var(--fg)}
.dos{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:26px 60px;padding-block:20px 8px;align-items:start}
.dos>*{min-width:0}
@media (max-width:840px){.dos{grid-template-columns:minmax(0,1fr)}}
.cartela{background:var(--paper);color:var(--ink);padding:20px 22px 18px;border-radius:2px;font-size:.95rem;line-height:1.45;
box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 32px -16px rgba(0,0,0,.8)}
.cartela p{margin:0 0 .75em}.cartela p:last-child{margin:0}
.cartela .ca-a b{font-size:1.06rem}.cartela .ca-t i{font:italic 500 1.32rem/1.2 var(--disp)}
.cartela .k{display:block;font-size:.78rem;color:var(--ink2)}
.cartela a{color:var(--ink)}
.texto{max-width:68ch}
.texto p{font-size:1.06rem}
.dato{margin:22px 0 0;padding:14px 0 2px 18px;border-left:2px solid var(--accent)}
.dato h3{font:600 1.15rem/1.2 var(--disp);margin:0 0 4px;color:var(--accent)}
.dato p{color:var(--muted);margin:0}
.portal{margin:22px 0 0;padding:16px 20px 16px;border:1.5px solid rgba(243,211,107,.7);border-radius:10px;background:linear-gradient(135deg,#132657,#21468f);color:#fff7d9}
.portal h3{display:flex;align-items:center;gap:8px;font:600 1.2rem/1.2 var(--disp);margin:0 0 6px;color:#f6d97a}
.portal h3 svg{width:20px;height:20px;flex:none}
.portal p{margin:0;color:#e3e9f8}
.sec{padding-block:34px 6px}
.bio{max-width:70ch;color:var(--muted)}
.mas{font-weight:600}
.tira{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity}
.tira li{flex:none;scroll-snap-align:start;width:auto}
.tira a{display:block;text-decoration:none;width:min-content}
.tira img{display:block;height:150px;width:auto;max-width:none;box-shadow:0 10px 22px -12px rgba(0,0,0,.9)}
.tira span{display:block;font-size:.86rem;line-height:1.3;margin-top:8px;color:var(--muted);min-width:110px}
.tira a:hover span{color:var(--fg)}
.ve{position:relative;display:block;overflow:hidden}
.ve.sens::after{content:attr(data-s);position:absolute;left:8px;bottom:8px;font-size:.72rem;padding:2px 8px;border-radius:99px;background:rgba(10,14,16,.75);color:#fff}
.pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px 4px}
.pn a{color:var(--muted);text-decoration:none;max-width:48%}.pn a:hover{color:var(--fg)}
.pn b{display:block;color:var(--fg);font-weight:600}
.banda{margin:44px 0 0;padding:30px 0;border-top:1px solid var(--line);background:var(--bg2)}
.banda p{max-width:62ch;margin:0}
.banda .acc{margin-top:14px}
.cabeza{--pc:#4a5a5c;padding:clamp(28px,6vw,64px) 0 26px;background:linear-gradient(180deg,var(--wall,#1a2224),var(--bg))}
@supports (background:color-mix(in srgb,red,blue)){.cabeza{--wall:color-mix(in srgb,var(--pc) 30%,#0b1214)}}
.cabeza h1{font:600 clamp(2.5rem,7vw,4.4rem)/1 var(--disp);margin:0 0 10px;letter-spacing:-.01em;text-wrap:balance}
.cabeza .vida{font-size:1.12rem;color:var(--accent);margin:0 0 16px}
.cabeza .lead p{max-width:68ch}
.salon{columns:3 260px;column-gap:22px;margin:0;padding:0;list-style:none}
.salon li{break-inside:avoid;margin:0 0 26px}
.salon a{display:block;text-decoration:none}
.salon img{display:block;width:100%;height:auto;box-shadow:0 12px 26px -14px rgba(0,0,0,.9)}
.salon b{display:block;font:600 1.18rem/1.2 var(--disp);margin-top:10px}
.salon span{color:var(--muted);font-size:.9rem}
.salon a:hover b{text-decoration:underline}
.ala{margin-top:38px}
.ala h2 small{font:400 .95rem var(--ui);color:var(--muted);margin-left:.5em}
.salas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.salas a{--pc:#4a5a5c;display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:6px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
@supports (background:color-mix(in srgb,red,blue)){.salas a{background:color-mix(in srgb,var(--pc) 26%,var(--card))}}
.salas .ve{aspect-ratio:4/3;background:#0b1214}
.salas img{display:block;width:100%;height:100%;object-fit:cover}
.salas div{padding:12px 14px 14px}
.salas b{display:block;font:600 1.25rem/1.15 var(--disp)}
.salas span{display:block;color:var(--muted);font-size:.88rem;margin-top:3px}
.salas a:hover b{text-decoration:underline}
.libro{--sb:#5a3a2a;padding:clamp(26px,5vw,56px) 0 30px;background:radial-gradient(70% 90% at 15% 0%,var(--tint,rgba(90,58,42,.35)),transparent 70%),var(--bg)}
@supports (background:color-mix(in srgb,red,blue)){.libro{--tint:color-mix(in srgb,var(--sb) 55%,transparent)}}
.libro-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px 52px;align-items:start}
.libro-in>*{min-width:0}
@media (max-width:760px){.libro-in{grid-template-columns:minmax(0,1fr)}.tapa{max-width:230px}}
.tapa{margin:0}
.tapa img{display:block;width:100%;height:auto;border-radius:2px 5px 5px 2px;box-shadow:inset 3px 0 0 rgba(255,255,255,.12),-6px 0 0 -2px rgba(0,0,0,.25),0 30px 50px -22px rgba(0,0,0,.95),0 8px 14px -8px rgba(0,0,0,.6)}
.libro h1{font:600 clamp(2.2rem,5.6vw,3.6rem)/1.03 var(--disp);margin:0;text-wrap:balance}
.libro .sub{font:italic 500 1.35rem/1.3 var(--disp);color:var(--muted);margin:.2em 0 0}
.libro .aut{font-size:1.15rem;margin:.6em 0 1em}.libro .aut span{color:var(--muted)}
.libro .blurb{font-size:1.08rem;max-width:62ch}
.datos{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:22px 0 0;font-size:.95rem}
.datos dt{color:var(--muted)}.datos dd{margin:0}
.pagina{background:var(--paper);color:var(--ink);max-width:44rem;padding:clamp(24px,5vw,52px) clamp(20px,5vw,60px);border-radius:3px;
font:1.1rem/1.75 var(--read);box-shadow:0 22px 50px -24px rgba(0,0,0,.9);hyphens:auto}
.pagina h3{font:600 1.5rem/1.25 var(--disp);margin:0 0 1em;text-align:center;text-wrap:balance}
.pagina h4{font:600 1.2rem/1.3 var(--disp);margin:1.4em 0 .6em;text-align:center}
.pagina p{margin:0 0 .9em;text-align:justify}
.pagina .p1::first-letter{float:left;font:600 3.6em/.8 var(--disp);padding:.06em .1em 0 0;color:#7a3b1e}
.pagina .v{margin:0 0 1em;padding-left:1.2em;text-align:left}.pagina .v span{display:block}
.pagina .st{font-style:italic;text-align:left;margin:.4em 0 .6em}
.pagina .who{font-variant:small-caps;letter-spacing:.04em;margin:1em 0 .2em;text-align:left}
.pagina .fin{margin:1.2em 0 0;text-align:center;font-family:var(--ui);font-size:.95rem}
.pagina .fin a{color:#7a3b1e;font-weight:700}
.edicion{max-width:68ch;overflow-wrap:anywhere;color:var(--muted);font-size:.95rem}
.estante{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:22px 18px}
.estante a{display:block;text-decoration:none}
.estante img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:1px 3px 3px 1px;box-shadow:0 14px 24px -14px rgba(0,0,0,.95)}
.estante b{display:block;font-size:.9rem;line-height:1.3;margin-top:8px}
.estante span{display:block;color:var(--muted);font-size:.8rem;line-height:1.3;margin-top:2px}
.estante a:hover b{text-decoration:underline}
.gen{margin-top:30px}
.gen h3{font:600 1.35rem/1.2 var(--disp);margin:0 0 12px}
.libro h1 .h1-t{display:block}
.libro h1 .h1-s{display:block;font:500 clamp(1.05rem,2.2vw,1.3rem)/1.35 var(--ui);color:var(--muted);margin-top:.5em;letter-spacing:0}
.libro .resumen{font-size:1.1rem;max-width:62ch;margin-top:1em}
.libro .libre{font-size:.9rem;color:var(--muted);margin:8px 0 0}
.indice{margin:28px 0 0;padding:14px 18px;border-radius:8px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:.95rem}
.indice b{display:block;font-weight:700;margin-bottom:6px}
.indice ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.indice a{color:var(--muted)}.indice a:hover{color:var(--fg)}
.prosa{max-width:68ch}.prosa p{font-size:1.06rem}
.final{margin:18px 0 0;max-width:68ch;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}
.final>summary{cursor:pointer;padding:12px 16px;font-weight:700}
.final>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.final>p{padding:0 16px 4px;color:var(--muted)}
.pers{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;max-width:68ch}
.pers div{padding-left:14px;border-left:2px solid var(--line)}
.pers dt{font-weight:700;display:inline}.pers dt::after{content:":";margin-right:.3em}
.pers dd{display:inline;margin:0;color:var(--muted)}
.cols{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cols a{display:inline-block;padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);text-decoration:none}.cols a:hover{box-shadow:inset 0 0 0 1.5px var(--fg)}
.sec[id]{scroll-margin-top:12px}
.colist{list-style:none;margin:0;padding:0;display:grid;gap:22px;max-width:72ch}
.colist li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:start}
.colist img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:1px 3px 3px 1px;box-shadow:0 12px 22px -12px rgba(0,0,0,.95)}
.colist h3{font:600 1.35rem/1.2 var(--disp);margin:0}.colist h3 a{text-decoration:none}.colist h3 a:hover{text-decoration:underline}
.colist .por{color:var(--muted);font-size:.92rem;margin:2px 0 6px}.colist p{margin:0}
.app-id{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-weight:700;font-size:1.05rem;color:var(--accent)}
.app-id img{width:60px;height:60px;border-radius:22%;flex:none;box-shadow:0 10px 22px -10px rgba(0,0,0,.9)}
.cabeza .libre{font-size:.92rem;color:var(--muted);margin:10px 0 0}
.cabeza .instala{margin:6px 0 0;font-size:.92rem}.cabeza .instala a{color:var(--fg);text-underline-offset:3px}
.pantalla{margin:32px 0 0}
.pantalla img{display:block;width:100%;height:auto;border-radius:10px;background:#0b1214;box-shadow:0 0 0 1px var(--line),0 34px 70px -30px rgba(0,0,0,.95)}
.rasgos{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rasgos li{position:relative;padding-left:24px}
.rasgos li::before{content:"";position:absolute;left:3px;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
.pasos{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;gap:16px}
.pasos li{counter-increment:p;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:10px;align-items:baseline}
.pasos li::before{content:counter(p);font:600 1.9rem/1 var(--disp);color:var(--accent)}
.faq{max-width:70ch}
.faq h3{font:600 1.3rem/1.25 var(--disp);margin:24px 0 6px;text-wrap:balance}.faq h3:first-of-type{margin-top:0}
.faq p{color:var(--muted)}
.dos.par{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media (max-width:840px){.dos.par{grid-template-columns:minmax(0,1fr)}}
.apps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.apps a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:3px 14px;align-content:start;height:100%;padding:14px 16px 16px;border-radius:8px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.apps img{width:52px;height:52px;border-radius:22%;grid-row:span 2}
.apps b{font:600 1.25rem/1.15 var(--disp);align-self:end}
.apps span{color:var(--muted);font-size:.9rem;line-height:1.4}
.apps a:hover{box-shadow:inset 0 0 0 1px var(--accent)}.apps a:hover b{text-decoration:underline}
footer{margin-top:46px;padding:24px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
footer .w{display:flex;flex-wrap:wrap;gap:8px 20px}footer a{color:var(--muted)}footer a:hover{color:var(--fg)}
footer p{flex-basis:100%;margin:0 0 4px}
@media (max-width:640px){.crumbs{order:3;flex-basis:100%}}
@media (max-width:520px){body{font-size:16px}.w{padding-inline:16px}.tira img{height:120px}.pn a{max-width:100%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.oye{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:10px 18px 10px 10px;max-width:560px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line)}
.oye-b{flex:none;width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--fg);color:var(--bg);cursor:pointer}
.oye-b:hover{filter:brightness(1.08)}.oye-b:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.oye-b svg{width:22px;height:22px}.oye-b .i-pause,.oye.on .oye-b .i-play{display:none}.oye.on .oye-b .i-pause{display:block}
.oye-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.oye-t b{font-weight:700}.oye-t small{font-size:.9rem;color:var(--muted);line-height:1.35}
.oye-bar{display:block;height:3px;border-radius:2px;background:var(--line);margin-top:7px;overflow:hidden}
.oye-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s linear}
.oye-nos audio{width:100%;max-width:560px;margin-top:14px}
@media (prefers-reduced-motion:reduce){.oye-bar i{transition:none}}
@media print{.bar,.acc,.banda,footer,.oye{display:none}body{background:#fff;color:#000}}