/* /lore: la historia de Chainers (página generada por tools/lore_pagina.py). */
.lr-page main *,.lr-page main *::before{box-sizing:border-box}
.lr-main{padding-top:1.2rem;padding-bottom:3rem}
.lr-hero{max-width:900px;margin:0 auto;padding:1.2rem 0 1rem}
.lr-hero h1{font:700 clamp(1.8rem,5vw,3rem)/1.1 'Unbounded',sans-serif;margin:.4rem 0 .6rem}
.lr-hero .lead{font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.55;margin:0}
.lr-zoom.lr-poster{float:right;width:clamp(110px,28vw,230px);margin:0 .3rem .8rem 1rem;transform:rotate(2deg)}
.lr-poster img{border-radius:14px;box-shadow:0 16px 30px -10px #000c,0 0 0 2px #ffd58355}
.lr-jump,.lr-idx{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;clear:both}
.lr-jump a,.lr-idx a{padding:.45rem .85rem;border-radius:999px;border:2px solid var(--edge,#e6ccff38);background:var(--surface,#302047);color:var(--texto,#f3ecfb);text-decoration:none;font-weight:600;font-size:.88rem}
.lr-jump a:hover,.lr-idx a:hover{border-color:#ffd583aa;color:var(--oro,#ffd583)}
.lr-sec{max-width:900px;margin:2.2rem auto 0;scroll-margin-top:70px}
.lr-sec h2{font:700 clamp(1.3rem,3.4vw,1.8rem)/1.2 'Unbounded',sans-serif;margin:0 0 .4rem}
.lr-intro{color:var(--apagado,#cec1df);margin:0 0 1rem;line-height:1.5}
.lr-zoom{display:block;padding:0;margin:0;border:0;background:none;cursor:zoom-in;width:100%}
.lr-zoom img{display:block;width:100%;height:auto}
.lr-pjs{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));margin-top:.8rem}
.lr-pj{border-radius:18px;overflow:hidden;background:var(--surface,#302047);border:2px solid var(--edge,#e6ccff38)}
.lr-pj img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.lr-pj div{padding:.7rem .9rem .9rem}
.lr-pj h3{font:700 1rem 'Unbounded',sans-serif;margin:0 0 .25rem;color:var(--oro,#ffd583)}
.lr-pj p{margin:0;font-size:.9rem;line-height:1.45;color:var(--apagado,#cec1df)}
.lr-cap{display:grid;gap:1rem;grid-template-columns:1.1fr 1fr;align-items:start;padding:1.1rem;margin:0 0 1rem;border-radius:20px;background:radial-gradient(ellipse at 0 0,#a98aff22,transparent 60%),var(--surface,#302047);border:2px solid var(--edge,#e6ccff38);scroll-margin-top:70px}
.lr-cap .eyebrow{color:var(--oro,#ffd583)}
.lr-cap h3{font:700 1.2rem/1.25 'Unbounded',sans-serif;margin:.3rem 0 .5rem}
.lr-cap p{margin:0 0 .7rem;line-height:1.6}
.lr-cap-img{display:grid;gap:.6rem}
.lr-cap-img img{border-radius:14px}
.lr-sagas{display:grid;gap:1rem;margin-top:1rem}
.lr-saga{padding:1rem;border-radius:20px;background:var(--surface,#302047);border:2px solid var(--edge,#e6ccff38);scroll-margin-top:70px;min-width:0}
.lr-saga-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin-bottom:.7rem}
.lr-saga-head h3{font:700 1.1rem 'Unbounded',sans-serif;margin:0}
.lr-saga-head small{color:var(--oro,#ffd583);font-weight:600}
.lr-saga p{margin:.7rem 0 0;line-height:1.6}
.lr-gal{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;overscroll-behavior-x:contain}
.lr-gal .lr-zoom{flex:0 0 min(78%,420px);scroll-snap-align:start}
.lr-gal img{border-radius:12px}
.lr-gal:has(.lr-zoom:only-child) .lr-zoom{flex-basis:100%}
.lr-comic .lr-zoom{flex-basis:min(44%,220px);height:clamp(220px,52vw,320px);overflow:hidden;border-radius:12px;position:relative}
.lr-comic .lr-zoom::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#0009)}
.lr-card{display:flex;justify-content:center}
.lr-card img{width:min(180px,46vw);height:auto;filter:drop-shadow(0 12px 18px #0008)}
.lr-link{display:inline-block;margin-top:.6rem;color:var(--oro,#ffd583);font-weight:600}
.lr-src{max-width:900px;margin:2rem auto 0;font-size:.85rem;line-height:1.6;color:var(--apagado,#cec1df)}
.lr-src a{color:var(--oro,#ffd583)}
.lr-box{padding:0;border:0;background:transparent;max-width:min(96vw,1100px);max-height:94vh;width:100%}
.lr-box::backdrop{background:#0d0818e6}
.lr-box-in{max-height:94vh;overflow:auto;border-radius:14px}
.lr-box img{display:block;width:100%;height:auto}
.lr-x{position:fixed;top:.6rem;right:.6rem;z-index:2;width:44px;height:44px;border-radius:50%;border:2px solid #ffd58388;background:#24163bdd;color:#fff;font-size:1.1rem;cursor:pointer}
@media(max-width:720px){.lr-cap{grid-template-columns:1fr}.lr-cap-img{order:-1;grid-template-columns:1fr 1fr}}