:root{color-scheme:light;--fondo:#fcfcfb;--tinta:#14171c;--tinta2:#4d5159;--linea:#d9d7cf;--a:#2A6FBB;--l:#C8741A;--d:#1E9A84}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){color-scheme:dark;--fondo:#1a1a19;--tinta:#f0efec;--tinta2:#c3c2b7;--linea:#3b3a36;--a:#5590D6;--l:#C9842C;--d:#2FA18B}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 18px/1.55 "Source Sans 3",system-ui,sans-serif}
a{color:inherit}
.marco{max-width:1180px;margin:0 auto;padding:0 32px}
header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:24px;flex-wrap:wrap}
.marca{font:600 20px "Newsreader",serif;text-decoration:none}
nav a{margin-left:24px;text-decoration:none;color:var(--tinta2);font-size:16px}
nav a:first-child{margin-left:0}
nav a:hover,nav a[aria-current]{color:var(--tinta)}
nav a[aria-current]{border-bottom:2px solid var(--tinta)}
.heroe{position:relative;min-height:690px;margin-top:8px}
.heroe .texto{position:relative;z-index:2;max-width:510px;padding-top:56px}
h1{font:400 clamp(40px,5.4vw,66px)/1.04 "Newsreader",serif;letter-spacing:-.015em;margin:0 0 20px}
main>h2,.dos h2{font:400 30px/1.15 "Newsreader",serif;margin:44px 0 16px;padding-top:16px;border-top:1px solid var(--linea)}
.baja{color:var(--tinta2);font-size:20px;margin:0 0 24px}
.esc{position:absolute;right:-8px;bottom:0;width:min(79%,930px);height:auto;overflow:visible}
.vent{display:contents}
.pel{fill:none;stroke:var(--linea);stroke-width:2}
.o{stroke:var(--fondo);stroke-width:1;cursor:pointer;outline:none}
.o.a{fill:var(--a)}.o.l{fill:var(--l)}
.o:hover,.o:focus{stroke:var(--tinta);stroke-width:2}
.an{font:500 13px "IBM Plex Mono",monospace;fill:var(--tinta2)}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--tinta2);margin:0;padding:0;list-style:none}
.leyenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}
.leyenda .cl{border-radius:2px}
.nota{font-size:14.5px;color:var(--tinta2);margin:12px 0 0}
.firma{display:flex;align-items:center;gap:14px;margin:22px 0 0;font-size:15.5px;color:var(--tinta2);line-height:1.3}
.firma img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.firma b{display:block;font-weight:600;color:var(--tinta)}
#tip{position:fixed;z-index:9;max-width:340px;padding:9px 12px;background:var(--tinta);color:var(--fondo);font-size:14.5px;line-height:1.35;border-radius:6px;pointer-events:none;opacity:0}
#tip small{display:block;opacity:.75;margin-top:3px}
.puertas{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--tinta);margin-top:40px}
.puerta{padding:28px 32px 36px 0}
.puerta+.puerta{padding-left:32px;border-left:1px solid var(--linea)}
.puerta svg,.cabeza svg{width:100%;max-width:220px;height:92px;display:block}
.puerta svg{margin-bottom:18px}
.puerta h2{font:400 32px/1.1 "Newsreader",serif;margin:0 0 8px}
.puerta h2 a{text-decoration:none}
.puerta p{margin:0 0 16px;color:var(--tinta2)}
.puerta ul,.libros{list-style:none;margin:0;padding:0}
.puerta li,.libros li{padding:9px 0;border-top:1px solid var(--linea);font-weight:600}
.puerta li a,.libros a{text-decoration:none}
.puerta li a:hover,.libros a:hover{text-decoration:underline}
.puerta li span,.libros span{display:block;font-size:15.5px;font-weight:400;color:var(--tinta2)}
.mas{display:inline-block;margin-top:14px;font-weight:600;font-size:16px}
.m{stroke:var(--tinta2);stroke-width:2;fill:none;stroke-linecap:round}
.cabeza{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;padding:44px 0 8px}
.cabeza h1{margin-bottom:12px}
.cabeza p{margin:0;color:var(--tinta2);font-size:20px}
.sobre{grid-template-columns:150px 1fr}
.sobre img{width:150px;height:150px;border-radius:50%;object-fit:cover}
.cartas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cartas.seis{grid-template-columns:repeat(3,1fr)}
.cartas.cinco{grid-template-columns:repeat(6,1fr)}
.cartas.cinco .carta{grid-column:span 2}
.cartas.cinco .carta:nth-child(n+4){grid-column:span 3}
.carta{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--linea);border-radius:8px;overflow:hidden;padding-bottom:12px}
.carta:hover{border-color:var(--tinta)}
.carta img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;border-bottom:1px solid var(--linea);margin-bottom:10px}
.carta b{padding:0 13px;font-weight:600}
.carta span{padding:2px 13px 0;font-size:15.5px;color:var(--tinta2)}
.estante{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.libro{display:flex;flex-direction:column;text-decoration:none;font-size:16px;line-height:1.3}
.libro img{width:100%;height:auto;aspect-ratio:22/31;object-fit:cover;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.22);margin-bottom:12px}
a.libro:hover b{text-decoration:underline}
.libro b{font-weight:600}
.libro span{font-size:14.5px;color:var(--tinta2);margin-top:3px}
.top{margin:0;padding:0 0 0 24px}
.top li{padding:7px 0}
.top b{display:block;font-weight:600}
.top span,.anio span{display:block;font-size:15.5px;color:var(--tinta2)}
.filtro{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 8px}
.filtro input{flex:1 1 260px;min-width:0;font:inherit;padding:8px 12px;border:1px solid var(--linea);border-radius:6px;background:var(--fondo);color:var(--tinta)}
.filtro button{font:600 15.5px "Source Sans 3",sans-serif;padding:8px 13px;border:1px solid var(--linea);border-radius:6px;background:none;color:var(--tinta);cursor:pointer}
.filtro button[aria-pressed="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
#k{font-size:15px;color:var(--tinta2);margin-left:6px}
.anio{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--linea);padding:12px 0}
.anio h3{font:500 15px "IBM Plex Mono",monospace;color:var(--tinta2);margin:4px 0 0}
.anio ul{list-style:none;margin:0;padding:0}
.anio li{padding:5px 0}
.anio a{text-decoration:none}
.anio a:hover{text-decoration:underline}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lista{margin:0;padding-left:20px}
.lista li{padding:4px 0}
.botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px!important}
.boton{display:inline-block;padding:10px 18px;border:1px solid var(--tinta);border-radius:6px;text-decoration:none;font-weight:600;font-size:16.5px;color:var(--tinta)}
.boton.p{background:var(--tinta);color:var(--fondo)}
.boton:hover{border-color:var(--a)}
.prosa{color:var(--tinta2);margin:0 0 18px}
.factor{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin:0;padding:0;list-style:none}
.factor li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--linea)}
.factor i{font:400 36px/1 "Newsreader",serif;color:var(--a)}
.factor b{display:block;font-weight:600}
.factor span{font-size:15.5px;color:var(--tinta2)}
.fig{margin:24px 0 0;border:1px solid var(--linea);border-radius:8px;overflow:hidden;max-width:900px}
.fig img{display:block;width:100%;height:auto}
.fig figcaption{padding:9px 13px;font-size:14.5px;color:var(--tinta2);border-top:1px solid var(--linea)}
.tiempos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tiempos h3,.sub{font:500 15px "IBM Plex Mono",monospace;color:var(--tinta2);margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}
.tiempos ol{margin:0;padding:0;list-style:none}
.tiempos li{padding:8px 0;border-top:1px solid var(--linea)}
.tiempos li span{font:500 13px "IBM Plex Mono",monospace;color:var(--tinta2);margin-right:12px}
.tiempos li em{font:500 12.5px "IBM Plex Mono",monospace;color:var(--d);margin-left:10px}
.cita{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--a)}
footer{margin-top:48px;border-top:1px solid var(--linea);padding:22px 0 40px;font-size:15.5px;color:var(--tinta2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:980px){.heroe{min-height:0}.heroe .texto{max-width:none;padding-top:36px}.vent{display:block;overflow-x:auto;margin-top:20px}.esc{position:static;width:760px;max-width:none}.puertas{grid-template-columns:1fr}.puerta,.puerta+.puerta{padding:26px 0;border-left:0;border-bottom:1px solid var(--linea)}.cartas,.cartas.cinco,.cartas.seis{grid-template-columns:repeat(2,1fr)}.cartas.cinco .carta,.cartas.cinco .carta:nth-child(n+4){grid-column:auto}.dos{grid-template-columns:1fr;gap:0}.estante{grid-template-columns:repeat(3,1fr)}.factor{grid-template-columns:repeat(2,1fr)}.tiempos{grid-template-columns:1fr;gap:24px}}
@media (max-width:620px){.cabeza,.sobre{grid-template-columns:1fr;gap:16px;padding-top:30px}.anio{grid-template-columns:1fr}.anio h3{margin-bottom:4px}}
@media (max-width:520px){.marco{padding:0 16px}nav a{margin-left:14px}.cartas,.cartas.cinco,.cartas.seis{grid-template-columns:1fr}.estante{grid-template-columns:repeat(2,1fr)}.factor{grid-template-columns:1fr}}