/* Fuentes alojadas en el propio tema (sin llamadas a Google: mejor para la privacidad de tus lectores) */
@font-face{font-family:"Cinzel";src:url("../fonts/cinzel-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cinzel";src:url("../fonts/cinzel-latin-500-normal.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-latin-500-normal.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("../fonts/eb-garamond-latin-500-italic.woff2") format("woff2");font-weight:500 700;font-style:italic;font-display:swap}
@font-face{font-family:"IM Fell English SC";src:url("../fonts/im-fell-english-sc-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Concepto: un grimorio nocturno. Arriba, el cielo de Aoris y Elone sobre las ruinas; abajo, páginas oscuras
   unidas por un hilo de ámbar (el vínculo) que se llena al bajar, con Cloud siempre al lado. */
:root{
  --noche:#0c0a0e;        /* azabache, fondo */
  --carbon:#16121a;       /* superficie de página */
  --carbon-2:#1e1922;     /* superficie elevada */
  --linea:rgba(236,224,201,.14);
  --pergamino:#ece0c9;    /* texto principal, como la contraportada */
  --niebla:#a99d8f;       /* texto secundario */
  --ambar:#f0b03c;        /* los ojos de Cloud: acento */
  --ambar-suave:rgba(240,176,60,.16);
  --brasa:#d0582e;        /* Prestovell, solo en su sitio */
  --mana:#a9c8ff;         /* la otra luz */
  --f-titulo:"Cinzel","Trajan Pro","Times New Roman",serif;
  --f-texto:"EB Garamond","Garamond","Georgia",serif;
  --f-rotulo:"IM Fell English SC","EB Garamond","Georgia",serif;
  --ancho:72rem;
  --lectura:36rem;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{margin:0;background:var(--noche);color:var(--pergamino);font-family:var(--f-texto);font-size:1.18rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ambar)}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--ambar);color:var(--noche)}
:focus-visible{outline:2px solid var(--ambar);outline-offset:3px}
h1,h2,h3{font-family:var(--f-titulo);font-weight:500;line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}
.envoltura{max-width:var(--ancho);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.rotulo{font-family:var(--f-rotulo);font-size:1rem;letter-spacing:.08em;color:var(--ambar)}

/* ---------- barra ---------- */
.barra{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px));z-index:40;background:rgba(12,10,14,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.barra .envoltura{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem}
.marca{font-family:var(--f-titulo);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pergamino);text-decoration:none;white-space:nowrap}
.marca span{color:var(--ambar)}
.menu{display:flex;gap:clamp(.8rem,1.6vw,1.6rem);list-style:none;margin:0;padding:0}
.menu a{font-family:var(--f-rotulo);font-size:1.02rem;letter-spacing:.04em;color:var(--niebla);text-decoration:none;transition:color .2s}
.menu a:hover,.menu a[aria-current="true"]{color:var(--ambar)}
.boton-menu{display:none;background:none;border:1px solid var(--linea);color:var(--pergamino);font-family:var(--f-rotulo);font-size:1rem;padding:.35rem .9rem;border-radius:2rem;cursor:pointer}
@media (max-width:900px){
  .boton-menu{display:inline-flex;align-items:center;gap:.5rem}
  .menu{position:fixed;inset:3.75rem 0 auto 0;flex-direction:column;gap:0;background:var(--carbon);border-bottom:1px solid var(--linea);padding:.5rem 1rem 1rem;transform-origin:top;transform:scaleY(.6);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
  .menu.abierto{transform:none;opacity:1;pointer-events:auto}
  .menu a{display:block;padding:.75rem .25rem;border-bottom:1px solid var(--linea);font-size:1.15rem}
}

/* ---------- portada (hero) ---------- */
.cielo{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3rem,8vw,6rem) clamp(5rem,12vw,9rem)}
#estrellas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.cielo::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;z-index:-1;
  background:linear-gradient(to bottom,rgba(12,10,14,0) 0%,rgba(12,10,14,.55) 45%,var(--noche) 100%),url("../img/ruinas.webp") center bottom/cover no-repeat;opacity:.9;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%)}
.cielo .envoltura{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.titulo-libro{font-size:clamp(2.3rem,6vw,4.6rem);letter-spacing:.04em;text-transform:uppercase;font-weight:500;line-height:1.02}
.titulo-libro em{display:block;font-style:normal;font-size:.62em;letter-spacing:.06em}
.subtitulo{font-family:var(--f-texto);font-style:italic;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ambar);margin-top:.6rem}
.gancho{margin-top:1.8rem;max-width:30rem;font-size:1.3rem;color:var(--pergamino)}
.gancho span{display:block;color:var(--niebla)}
.acciones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.boton{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--f-titulo);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:.95rem 1.5rem;border-radius:999px;border:1px solid var(--ambar);transition:background .25s,color .25s,box-shadow .25s;cursor:pointer}
.boton.lleno{background:var(--ambar);color:var(--noche)}
.boton.lleno:hover{box-shadow:0 0 0 6px var(--ambar-suave),0 0 40px rgba(240,176,60,.35)}
.boton.hueco{color:var(--pergamino);border-color:var(--linea)}
.boton.hueco:hover{border-color:var(--ambar);color:var(--ambar)}
.autoria{margin-top:2rem;font-family:var(--f-rotulo);color:var(--niebla);font-size:1.05rem}
.autoria b{font-family:var(--f-titulo);font-weight:500;color:var(--pergamino);letter-spacing:.12em;font-size:.95rem}

/* libro que se gira */
.escena{perspective:1600px;justify-self:center;width:min(100%,22rem)}
.libro{position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.75,.2,1);cursor:pointer;border:0;padding:0;background:none;display:block}
.libro.girado{transform:rotateY(180deg)}
.cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px 6px 6px 3px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px rgba(236,224,201,.08)}
.cara img{width:100%;height:100%;object-fit:cover}
.cara.delante::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45) 0,rgba(255,255,255,.08) 2.5%,rgba(0,0,0,0) 6%);z-index:1}
.cara.detras{transform:rotateY(180deg)}
.halo{position:absolute;inset:8% -12% -6%;z-index:-1;background:radial-gradient(closest-side,rgba(240,176,60,.22),transparent);filter:blur(10px)}
.pista{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;font-family:var(--f-rotulo);color:var(--niebla);font-size:.98rem}
.pista button{background:none;border:0;color:var(--niebla);font:inherit;text-decoration:underline;text-decoration-color:var(--linea);text-underline-offset:4px;cursor:pointer}
.pista button:hover{color:var(--ambar)}

/* ---------- separador ---------- */
.ornamento{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--ambar);margin-block:0}
.ornamento::before,.ornamento::after{content:"";height:1px;width:min(28vw,14rem);background:linear-gradient(90deg,transparent,var(--ambar))}
.ornamento::after{transform:scaleX(-1)}
.ornamento svg{width:22px;height:22px;flex:none}

/* ---------- secciones ---------- */
.seccion{padding-block:clamp(4rem,9vw,7rem)}
.cabecera{display:grid;gap:.9rem;margin-bottom:clamp(2rem,4vw,3.2rem);max-width:42rem}
.cabecera h2{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:.03em}
.cabecera p{color:var(--niebla)}
.centrada{margin-inline:auto;text-align:center;justify-items:center}

.cita-prologo{text-align:center;padding-block:clamp(3rem,6vw,4.5rem) 0}
.cita-prologo p{font-style:italic;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;max-width:34rem;margin-inline:auto}
.cita-prologo small{display:block;margin-top:1rem;font-family:var(--f-rotulo);font-size:1rem;color:var(--niebla);letter-spacing:.05em}

/* el libro */
.libro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sinopsis{display:grid;gap:1.15rem;max-width:var(--lectura)}
.sinopsis p:first-child::first-letter{font-family:var(--f-titulo);float:left;font-size:3.6em;line-height:.85;padding:.08em .12em 0 0;color:var(--ambar)}
.sinopsis .remate{font-family:var(--f-titulo);font-size:1.25rem;letter-spacing:.06em;color:var(--pergamino)}
.ficha{border:1px solid var(--linea);border-radius:4px;padding:1.6rem;background:var(--carbon)}
.ficha h3{font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ambar);margin-bottom:1rem}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.2rem}
.ficha dt{font-family:var(--f-rotulo);color:var(--niebla)}
.ficha dd{margin:0;font-variant-numeric:tabular-nums}

/* personajes */
.personajes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.ficha-pj{grid-column:span 2;display:flex;flex-direction:column;background:var(--carbon);border:1px solid var(--linea);border-radius:4px;overflow:hidden;transition:border-color .3s,transform .3s}
.ficha-pj.grande{grid-column:span 3}
.ficha-pj:hover{border-color:rgba(240,176,60,.45);transform:translateY(-3px)}
.ficha-pj.prestovell:hover{border-color:rgba(208,88,46,.55)}
.retrato{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--carbon-2)}
.grande .retrato{aspect-ratio:5/4}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform 1.2s cubic-bezier(.2,.75,.2,1),filter .6s}
.ficha-pj:hover .retrato img{transform:scale(1.04)}
.retrato::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(to bottom,transparent,var(--carbon))}
.cuerpo-pj{display:grid;gap:.6rem;padding:1.3rem 1.4rem 1.6rem;flex:1}
.cuerpo-pj h3{font-size:1.55rem;letter-spacing:.05em}
.cuerpo-pj .rotulo{font-size:.95rem}
.prestovell .rotulo{color:var(--brasa)}
.cuerpo-pj p{color:var(--niebla);font-size:1.08rem}
.cuerpo-pj blockquote{margin:.4rem 0 0;padding-top:.8rem;border-top:1px solid var(--linea);font-style:italic;color:var(--pergamino)}

/* Cloud: gato que se vuelve libro */
.cloud-pj .retrato{background:radial-gradient(60% 55% at 50% 45%,rgba(169,200,255,.14),transparent 70%),var(--carbon-2)}
.cloud-pj .retrato img{position:absolute;inset:6% 10% 0;width:80%;height:94%;object-fit:contain;object-position:50% 100%;transition:opacity .9s ease,filter .9s ease,transform .9s cubic-bezier(.2,.75,.2,1)}
.cloud-pj .forma-libro{opacity:0;filter:blur(14px);transform:scale(.9) rotate(-4deg)}
.cloud-pj.libro-ya .forma-gato{opacity:0;filter:blur(14px);transform:scale(.94)}
.cloud-pj.libro-ya .forma-libro{opacity:1;filter:none;transform:none}
.cloud-pj:hover .retrato img{transform:none}
.cloud-pj.libro-ya:hover .forma-libro{transform:none}
.transformar{justify-self:start;background:none;border:1px solid var(--linea);color:var(--pergamino);font-family:var(--f-rotulo);font-size:1rem;padding:.4rem 1rem;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}
.transformar:hover{border-color:var(--ambar);color:var(--ambar)}

.secundarios{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:4px;overflow:hidden}
.secundarios article{background:var(--noche);padding:1.4rem;display:grid;gap:.5rem;align-content:start}
.secundarios h3{font-size:1.15rem;letter-spacing:.05em}
.secundarios p{font-size:1.02rem;color:var(--niebla)}
.secundarios blockquote{margin:0;font-style:italic;font-size:1.02rem}

/* el mundo */
.lugares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.lugar{position:relative;padding:clamp(1.6rem,3.5vw,2.6rem);border-radius:4px;overflow:hidden;border:1px solid var(--linea);display:grid;gap:.9rem;align-content:start;min-height:20rem}
.lugar h3{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.06em}
.lugar p{max-width:30rem}
.lugar .rotulo{font-size:.98rem}
.bosque{background:radial-gradient(120% 90% at 0% 100%,rgba(90,120,70,.32),transparent 60%),radial-gradient(70% 60% at 85% 10%,rgba(240,176,60,.12),transparent 70%),var(--carbon)}
.ciudad{background:radial-gradient(110% 90% at 100% 100%,rgba(208,88,46,.30),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px),var(--carbon)}
.ciudad .rotulo{color:var(--brasa)}
.glosario{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.glosario div{display:grid;gap:.4rem;align-content:start;padding-top:1rem;border-top:1px solid var(--ambar)}
.glosario dt{font-family:var(--f-titulo);font-size:1.15rem;letter-spacing:.05em}
.glosario dd{margin:0;color:var(--niebla);font-size:1.05rem}

.reglas{margin-top:clamp(3rem,6vw,4.5rem);padding:clamp(1.8rem,4vw,3rem);border:1px solid var(--linea);border-radius:4px;background:linear-gradient(180deg,var(--carbon),var(--noche))}
.reglas h3{font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:.05em;margin-bottom:.5rem}
.reglas>p{color:var(--niebla);margin-bottom:1.8rem;max-width:40rem}
.reglas ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.4rem)}
.reglas li{display:grid;gap:.6rem;align-content:start}
.reglas .num{font-family:var(--f-titulo);font-size:2.4rem;line-height:1;color:var(--ambar)}
.reglas strong{font-weight:500;font-size:1.15rem}
.reglas li p{color:var(--niebla);font-size:1.05rem}

/* lectura */
.pagina{max-width:calc(var(--lectura) + 6rem);margin-inline:auto;background:var(--carbon);border:1px solid var(--linea);border-radius:4px;padding:clamp(1.6rem,6vw,4rem) clamp(1.2rem,6vw,3.5rem)}
.pagina h3{text-align:center;font-size:1.05rem;letter-spacing:.3em;color:var(--ambar);margin:0 0 2rem}
.texto{display:grid;gap:1em;max-width:var(--lectura);margin-inline:auto;font-size:1.22rem;line-height:1.75;hyphens:auto}
.texto p:first-of-type::first-letter{font-family:var(--f-titulo);float:left;font-size:3.4em;line-height:.85;padding:.06em .1em 0 0;color:var(--ambar)}
.capitulo{margin-top:2.6rem}
.capitulo summary{list-style:none;cursor:pointer;display:flex;justify-content:center}
.capitulo summary::-webkit-details-marker{display:none}
.capitulo[open] summary{display:none}
.capitulo .texto{margin-top:0}
.fin-muestra{margin-top:2.4rem;text-align:center;display:grid;gap:1.2rem;justify-items:center}
.fin-muestra p{font-style:italic;color:var(--niebla)}

/* Para Cloud */
.oda{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 50% 30%,rgba(240,176,60,.09),transparent 70%),var(--noche)}
.oda-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.oda-imagen{position:relative}
.oda-imagen img{width:min(100%,26rem);margin-inline:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.ojos{position:absolute;inset:0;pointer-events:none}
.oda-texto{display:grid;gap:1.3rem;max-width:34rem}
.oda-texto h2{font-size:clamp(2.4rem,5.5vw,4rem);letter-spacing:.05em}
.dedicatoria{font-style:italic;font-size:1.3rem;line-height:1.6;border-left:1px solid var(--ambar);padding-left:1.3rem}
.dedicatoria footer{margin-top:.8rem;font-style:normal;font-family:var(--f-rotulo);font-size:1rem;color:var(--niebla)}
.foto-cloud{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px dashed rgba(240,176,60,.4);border-radius:4px;color:var(--niebla);font-size:1.02rem}
.foto-cloud svg{flex:none;width:2.2rem;height:2.2rem;color:var(--ambar)}
.estelas{font-family:var(--f-rotulo);color:var(--ambar);letter-spacing:.06em}

/* autor */
.autor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;max-width:52rem;margin-inline:auto}
.sello{width:clamp(6rem,14vw,8.5rem);aspect-ratio:1;border-radius:50%;border:1px solid var(--ambar);display:grid;place-items:center;font-family:var(--f-titulo);font-size:clamp(2.4rem,5vw,3.2rem);color:var(--ambar);background:radial-gradient(circle,var(--ambar-suave),transparent 70%)}
.autor h2{font-size:clamp(2rem,4.4vw,3rem);letter-spacing:.12em;text-transform:uppercase}
.autor p{color:var(--niebla);margin-top:.6rem;max-width:34rem}

/* comprar */
.tiendas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.7rem,1.5vw,1rem)}
.tienda{display:grid;gap:.3rem;padding:1.3rem 1.2rem;border:1px solid var(--linea);border-radius:4px;text-decoration:none;color:var(--pergamino);background:var(--carbon);transition:border-color .25s,transform .25s,background .25s}
.tienda:hover{border-color:var(--ambar);transform:translateY(-3px);background:var(--carbon-2)}
.tienda b{font-family:var(--f-titulo);font-weight:500;font-size:1.05rem;letter-spacing:.05em}
.tienda span{font-family:var(--f-rotulo);font-size:.95rem;color:var(--niebla)}
.tienda i{font-style:normal;color:var(--ambar);font-size:.95rem;margin-top:.4rem}
.isbn{margin-top:1.6rem;text-align:center;color:var(--niebla);font-family:var(--f-rotulo);font-variant-numeric:tabular-nums}

/* pie */
.pie{border-top:1px solid var(--linea);padding-block:2.6rem 3.4rem;text-align:center;display:grid;gap:.8rem;justify-items:center}
.pie p{color:var(--niebla);font-size:1rem}
.pie .para-cloud{font-style:italic;color:var(--pergamino);font-size:1.15rem}
.pie .para-cloud span{color:var(--ambar)}

/* hilo del vínculo + Cloud compañero */
.hilo{position:fixed;left:clamp(10px,1.4vw,22px);top:20vh;bottom:20vh;width:1px;background:var(--linea);z-index:30;pointer-events:none}
.hilo i{position:absolute;inset:0 0 auto 0;height:var(--avance,0%);background:linear-gradient(var(--ambar),rgba(240,176,60,.4))}
.hilo b{position:absolute;left:50%;top:var(--avance,0%);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--ambar);box-shadow:0 0 12px 3px rgba(240,176,60,.6)}
@media (max-width:1180px){.hilo{display:none}}
.companero{position:fixed;right:clamp(10px,2vw,26px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:45;display:flex;align-items:flex-end;gap:.6rem;pointer-events:none}
.companero button{pointer-events:auto;background:none;border:0;padding:0;cursor:pointer;width:clamp(58px,6vw,74px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.companero button:hover{transform:translateY(-4px) rotate(-2deg)}
.companero img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(240,176,60,.35))}
.bocadillo{pointer-events:auto;max-width:15rem;background:var(--carbon-2);border:1px solid rgba(240,176,60,.4);border-radius:12px 12px 2px 12px;padding:.7rem .95rem;font-style:italic;font-size:1.02rem;line-height:1.4;box-shadow:0 10px 30px rgba(0,0,0,.5);transform-origin:bottom right;transition:opacity .25s,transform .25s}
.bocadillo[hidden]{display:block!important;opacity:0;transform:scale(.85);pointer-events:none}
.bocadillo small{display:block;margin-top:.35rem;font-style:normal;font-family:var(--f-rotulo);color:var(--niebla);font-size:.85rem}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .personajes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ficha-pj,.ficha-pj.grande{grid-column:span 1}
  .ficha-pj.ultima{grid-column:1/-1}
  .ficha-pj.ultima .retrato{aspect-ratio:16/9}
  .grande .retrato{aspect-ratio:4/5}
  .secundarios,.glosario{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiendas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .cielo .envoltura,.libro-grid,.oda-grid,.lugares{grid-template-columns:minmax(0,1fr)}
  .escena{width:min(78%,18rem);order:-1}
  .reglas ol{grid-template-columns:minmax(0,1fr)}
  .tiendas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oda-imagen img{width:min(80%,20rem)}
}
@media (max-width:520px){
  body{font-size:1.1rem}
  .personajes,.secundarios,.glosario{grid-template-columns:minmax(0,1fr)}
  .ficha-pj.ultima .retrato{aspect-ratio:4/5}
  .autor{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
  .marca{font-size:.8rem;letter-spacing:.1em}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- WordPress: páginas, entradas y extras ---------- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.saltar{position:absolute;left:-999px;top:0;z-index:100;background:var(--ambar);color:var(--noche);padding:.6rem 1rem}
.saltar:focus{left:1rem;top:1rem}
.entrada-pagina{padding-block:clamp(3rem,8vw,6rem)}
.entrada-pagina .cabecera{max-width:var(--lectura);margin-inline:auto}
.entrada-pagina .cabecera h1{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:.03em}
.contenido{max-width:var(--lectura);margin-inline:auto;display:grid;gap:1.1em;font-size:1.18rem;line-height:1.75}
.contenido h2,.contenido h3{margin-top:1.2em;letter-spacing:.03em}
.contenido h2{font-size:1.8rem}.contenido h3{font-size:1.35rem}
.contenido img,.contenido figure{max-width:100%;height:auto;margin:0}
.contenido blockquote{margin:0;border-left:1px solid var(--ambar);padding-left:1.2rem;font-style:italic}
.contenido ul,.contenido ol{padding-left:1.3rem;margin:0}
.contenido a{text-underline-offset:3px}
.contenido figcaption{color:var(--niebla);font-size:.95rem;margin-top:.4rem}
.contenido .alignwide,.contenido .alignfull{max-width:none}
.lista-entradas{max-width:48rem;margin-inline:auto;display:grid;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:4px;overflow:hidden}
.lista-entradas article{background:var(--carbon);padding:1.6rem 1.8rem;display:grid;gap:.5rem}
.lista-entradas h2{font-size:1.5rem;letter-spacing:.03em}
.lista-entradas h2 a{color:var(--pergamino);text-decoration:none}
.lista-entradas h2 a:hover{color:var(--ambar)}
.lista-entradas time,.meta-entrada{font-family:var(--f-rotulo);color:var(--niebla);font-size:1rem}
.lista-entradas p{color:var(--niebla)}
.paginacion{max-width:48rem;margin:2rem auto 0;display:flex;justify-content:space-between;font-family:var(--f-rotulo)}
.foto-cloud.real{display:block;border-style:solid;padding:0;overflow:hidden}
.foto-cloud.real img{width:100%;height:auto}
.foto-cloud.real figcaption{padding:.7rem 1rem;color:var(--niebla);font-style:italic}
.tienda.pronto{cursor:default}
.tienda.pronto:hover{transform:none;border-color:var(--linea);background:var(--carbon)}
.tienda.pronto i{color:var(--niebla)}
.pie nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:center}
.pie nav a{color:var(--niebla);font-family:var(--f-rotulo);text-decoration:none}
.pie nav a:hover{color:var(--ambar)}
.error-404{text-align:center;display:grid;gap:1.2rem;justify-items:center}