/* /universo.html: canon de ERCMart. Se carga encima de story.css (base, nav, pie). */
.u-intro{position:relative;padding:150px 5% 70px;max-width:1100px;margin:auto}
.crumbs{font:600 13px/1.5 Inter,system-ui;color:var(--mute);margin-bottom:26px}
.crumbs a{color:var(--mute)}
.crumbs span{margin:0 8px}
.u-intro h1{font-size:clamp(48px,7vw,104px);line-height:.88;text-transform:uppercase;font-weight:900;letter-spacing:-1px;margin-bottom:22px}
.u-intro h1 em{font-style:normal;color:var(--erc)}
.u-intro .lede{max-width:720px;color:var(--soft)}
.u-intro .fiction-tag{margin:14px 0 30px}
.u-toc{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.u-toc a{display:inline-block;padding:9px 14px;border:1px solid #ffffff40;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none}
.u-toc a:hover{border-color:var(--erc);color:var(--erc)}

/* Capítulos */
.chapters{position:relative}
.chapter-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:10px}
.chapter-nav a{width:12px;height:12px;border-radius:50%;border:2px solid var(--snow);opacity:.55}
.chapter-nav a.on{background:var(--erc);border-color:var(--erc);opacity:1}
.chapter{position:relative;min-height:120svh;display:flex;align-items:flex-end;overflow:hidden}
.chapter-art{position:absolute;inset:-12% 0;background-size:cover;background-position:center;will-change:transform}
video.chapter-art{width:100%;height:124%;object-fit:cover}
.chapter::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--navy) 0%,#0d163000 22%,#0d163000 50%,#0d1630e6 85%,var(--navy))}
.chapter-card{position:relative;z-index:2;margin:0 5% 12vh;max-width:620px;padding:28px 32px;background:#0d1630c4;border-left:4px solid var(--erc);border-radius:4px 14px 14px 4px;backdrop-filter:blur(6px);opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}
.chapter.seen .chapter-card,.no-js .chapter-card{opacity:1;transform:none}
.chapter-num{font:900 clamp(70px,10vw,140px)/.8 'Barlow Condensed',sans-serif;color:transparent;-webkit-text-stroke:2px var(--erc);display:block;margin-bottom:6px}
.chapter h2{font-size:clamp(42px,5.6vw,78px);line-height:.9;text-transform:uppercase;font-weight:900;margin-bottom:18px}
.chapter p{font-size:17px;line-height:1.7;color:var(--soft)}
.chapter .when{font:800 11px/1.5 Inter,system-ui;letter-spacing:2px;color:var(--erc)}
.chapter .chapter-link{display:inline-block;margin-top:10px;font-weight:800;color:var(--snow)}
.chapter.right{justify-content:flex-end}

/* Fer */
.fer-section{padding:60px 5% 100px;max-width:1400px;margin:auto}
.fer-section h2{font-size:clamp(46px,6vw,86px);line-height:.9;text-transform:uppercase;font-weight:900;margin-bottom:24px}
.fer-section>p{max-width:640px;font-size:17px;line-height:1.7;color:var(--soft);margin:0 0 34px}
.fer-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.fer-strip figure{margin:0;scroll-snap-align:start}
.fer-strip img,.fer-strip video{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;display:block;background:var(--navy2)}
.fer-strip figcaption{font:700 12px/1.4 Inter,system-ui;margin-top:8px;color:var(--mute)}

/* Así se hizo */
.made{background:var(--paper);color:var(--ink);border-top:var(--line)}
.made .eyebrow{color:#b2470a}
.made-intro{max-width:640px;font-size:17px;line-height:1.7;margin-bottom:30px}
.made-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0 0 30px;padding:0}
.made-list a{display:block;height:100%;padding:24px;background:var(--cream);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);text-decoration:none}
.made-list small{font:800 11px/1.5 Inter,system-ui;letter-spacing:2px;color:#b2470a}
.made-list h3{font-size:28px;line-height:1;text-transform:uppercase;margin:8px 0 10px}
.made-list p{font-size:14px;line-height:1.6;margin:0}
.made-list a:hover h3{text-decoration:underline}
.made .more{color:var(--ink)}

@media (max-width:900px){
 .chapter-nav{display:none}
 .chapter-card{margin:0 16px 9vh;padding:22px 20px}
 .made-list{grid-template-columns:1fr}
}
@media (max-width:640px){
 .u-intro{padding:130px 16px 50px}
 .fer-section{padding:40px 16px 70px}
 .fer-strip{grid-auto-columns:minmax(170px,1fr)}
 .chapter p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
 .chapter-card{opacity:1;transform:none;transition:none}
}