:root{--bg:#101820;--paper:#f0dfb8;--text:#e8d9bd;--muted:#abb2ae;--gold:#e7ba70;--line:#63513a;--panel:#1c252b;--w:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button{font:inherit}::selection{background:#bc844e;color:#101820}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--gold);z-index:90}.navtop{position:fixed;z-index:80;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(15px,3vw,50px);background:#101a24ec;border-bottom:1px solid #ab8d5c66;backdrop-filter:blur(12px)}.navtop .brand{font:700 14px Georgia,serif;letter-spacing:.09em;text-decoration:none}.navtop .brand span{color:var(--gold)}.navtop .meta{font-size:10px;letter-spacing:.15em;color:#c4bca7}.navtop button{background:transparent;color:var(--gold);border:1px solid #9c784d;padding:6px 13px;cursor:pointer}.masthead{padding-top:54px;background:radial-gradient(ellipse at top,#293c51,#101820 65%);position:relative;overflow:hidden}.portal{width:min(100%,850px);margin:auto;position:relative;box-shadow:0 0 110px #000b;isolation:isolate}.portal-img{display:block;width:100%;height:auto}.portal::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #11182188}.hit{position:absolute;z-index:5;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:4px;text-decoration:none}.hit:hover,.hit:focus-visible{border-color:#ffd38a;background:#f6b85129;box-shadow:0 0 20px #f3b24b5c;outline:0}.portal-hint{position:absolute;bottom:1%;left:0;right:0;text-align:center;color:#e9c589;font-size:10px;letter-spacing:.18em;pointer-events:none}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ember{position:absolute;width:3px;height:3px;background:#f9d58e;border-radius:50%;box-shadow:0 0 12px #f4b76c;animation:rise var(--dur) linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(25px);opacity:0}25%{opacity:.9}90%{opacity:.5}100%{transform:translateY(-100px);opacity:0}}.torch{position:absolute;width:8%;aspect-ratio:1;filter:blur(20px);background:#f6a43c5c;border-radius:50%;pointer-events:none;mix-blend-mode:screen;animation:flicker 2s ease-in-out infinite alternate}@keyframes flicker{to{transform:scale(1.5);opacity:.35}}.torch.a{top:77%;left:0}.torch.b{top:80%;right:0;animation-delay:.6s}.intro{padding:90px 24px;max-width:var(--w);margin:auto;text-align:center}.eyebrow{color:var(--gold);letter-spacing:.22em;font-size:10px;text-transform:uppercase}.intro h2{font:clamp(40px,6vw,82px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.intro p{max-width:680px;margin:0 auto 20px;color:#c4c6c1;font-size:17px}.chapter{padding:100px clamp(20px,5vw,85px) 75px;max-width:1450px;margin:auto;border-top:1px solid #68543b88;scroll-margin-top:54px}.chapter-top{text-align:center;margin:0 auto 70px;max-width:800px}.chapter-number{font-size:10px;letter-spacing:.22em;color:var(--gold)}.chapter-icon{display:block;width:62px;height:62px;object-fit:contain;margin:15px auto;image-rendering:pixelated}.chapter-top h2{font:clamp(48px,8vw,100px)/.95 Georgia,serif;letter-spacing:-.055em;margin:12px 0}.chapter-top p{font:italic clamp(17px,2vw,23px) Georgia,serif;color:#cdbda0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story{background:linear-gradient(150deg,#253038,#182128);border:1px solid #71583d88;min-width:0;transition:transform .3s,border-color .3s}.story:hover{transform:translateY(-5px);border-color:#e2b16e}.story:first-child:nth-last-child(odd){grid-column:span 2}.story-inner{padding:clamp(24px,3vw,39px)}.story-type{font-size:10px;letter-spacing:.16em;color:#d2a76b}.story h3{font:clamp(25px,3vw,37px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:15px 0 19px}.story p{font-size:15px;color:#d0d0c8;line-height:1.85}.article-image{aspect-ratio:16/8;overflow:hidden;background:#28333a}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.story:hover img{transform:scale(1.045)}.source-link{display:inline-block;text-decoration:none;color:#e6bb78;font-size:11px;letter-spacing:.1em;border-bottom:1px solid #b38a58;padding:9px 0;margin-top:12px}.source-link:hover{color:#fff}.feature{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;border:1px solid #9a734a;margin-top:36px;background:#202b30}.feature-illustration{min-height:470px;background:linear-gradient(160deg,#242c45,#826149 65%,#202f30);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:45px;position:relative;overflow:hidden}.feature-illustration::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#d6a35a88;filter:blur(5px);right:-30px;top:45px}.feature-illustration span{position:relative;font:10px system-ui;letter-spacing:.18em}.feature-illustration h3{position:relative;font:clamp(52px,6vw,86px)/.92 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.books-art{background:linear-gradient(150deg,#283c36,#656047,#1b2528)}.rol-art{background:linear-gradient(145deg,#3d2d3b,#6b453b,#1b2528)}.feature-body{padding:clamp(28px,5vw,65px)}.feature-body small{color:var(--gold);letter-spacing:.18em;font-size:10px}.feature-body h3{font:clamp(34px,4vw,55px)/1.08 Georgia,serif;margin:14px 0 24px}.feature-body p{color:#d1d2ca;font-size:15px;line-height:1.9}.next{border-top:1px solid #6a523a;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:65px;padding-top:26px}.next span{color:#a9a9a0;font-size:10px;letter-spacing:.16em}.next a{font:25px Georgia,serif;text-decoration:none;color:var(--gold)}.cinema{height:175svh;position:relative}.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.cinema-back{position:absolute;inset:-5%;background-image:linear-gradient(#13202922,#13202922),url("https://www.cubelabs.co/viernesfriki/assets/canonical-v3/cover.webp");background-size:cover;background-position:center 46%;transform:scale(var(--scale,1.05));will-change:transform;filter:saturate(.85)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(#0a141b55,#0a141b66 40%,#07121cc4)}.cinema-copy{position:relative;text-align:center;padding:25px;text-shadow:0 4px 25px #000}.cinema-copy small{color:#e6c58d;letter-spacing:.25em;font-size:11px}.cinema-copy strong{display:block;font:clamp(43px,7vw,102px)/1 Georgia,serif;max-width:850px;margin:22px auto}.cinema-copy span{font-size:10px;letter-spacing:.22em}.ending{text-align:center;padding:135px 25px;background:#0d151d}.ending h2{font:clamp(48px,8vw,100px)/.99 Georgia,serif;margin:18px 0}.ending p{color:#b7bcb6;max-width:550px;margin:0 auto 35px}.primary{display:inline-block;padding:14px 25px;border:1px solid #c89e65;color:#f0ce9d;text-decoration:none;letter-spacing:.1em;font-size:11px}.primary:hover{background:#e6ba7033}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px;font-size:11px;color:#b4a98e;border-top:1px solid #5b4c3c}.side{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:75;width:175px;padding:13px;background:#111b24e8;border:1px solid #a7804d77;backdrop-filter:blur(8px);box-shadow:0 15px 45px #0007;transition:transform .35s}.side-label{font:10px Georgia,serif;color:#e6ba77;letter-spacing:.18em;padding:9px 8px 14px}.menu-item{display:flex;align-items:center;gap:9px;padding:8px 6px;text-decoration:none;font-size:10px;letter-spacing:.04em;border-bottom:1px solid #6e573b55;transition:background .2s}.menu-item:hover,.menu-item.active{background:#bd945a2c;color:#ffd28e}.menu-item img{width:24px;height:24px;object-fit:cover;image-rendering:pixelated;border-radius:2px}.menu-glyph{font-size:20px;width:24px;text-align:center}.menu-close{display:none}.mobile-index{display:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1350px){.side{left:0;top:auto;bottom:0;transform:translateX(-110%);width:min(290px,80vw);max-height:calc(100svh - 54px);overflow:auto}.side.open{transform:translateX(0)}.mobile-index{display:block}.menu-close{display:block;background:transparent;color:#eac28c;border:0;position:absolute;right:10px;top:8px;font-size:20px;cursor:pointer}}@media(max-width:750px){.navtop .meta{display:none}.story-grid{grid-template-columns:1fr}.story:first-child:nth-last-child(odd){grid-column:auto}.feature{grid-template-columns:1fr}.feature-illustration{min-height:300px}.chapter{padding:75px 17px 60px}.intro{padding:60px 20px}.next a{font-size:19px}.portal{width:100%}.story-inner{padding:25px}.cinema{height:145svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.ember,.torch{animation:none}.cinema-back{transform:none!important}}


/* CANONICAL V2: integrated pixel-world, compact continuous editorial */
:root{--bg:#111a23;--gold:#eac58c;--line:#9d7d5180}
body{background:#111a23;font-size:15px;line-height:1.7}
.world-backdrop{position:absolute;z-index:-1;left:0;right:0;top:calc(100vw * .8);height:100%;min-height:5000px;background-position:center top;background-repeat:repeat-y;background-size:min(100%,1150px) auto;opacity:.19;filter:saturate(.8);pointer-events:none}
main{position:relative;z-index:1} .masthead{isolation:isolate}.masthead:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:160px;pointer-events:none;background:linear-gradient(transparent,#111a23)}
.portal{box-shadow:0 0 100px #0009}.portal:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent 80%,#111a23 100%)}
.intro{padding:35px 22px 65px;max-width:870px}.intro h2{font-size:clamp(27px,4vw,48px);margin:12px 0}.intro p{font-size:15px;line-height:1.8;margin-bottom:10px}.primary{padding:10px 19px}
.chapter{max-width:1080px;padding:55px 38px 55px;border-top:0;position:relative;background:linear-gradient(90deg,transparent,#111a23db 9%,#111a23db 91%,transparent);margin-top:8px}
.chapter:before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#b78b50,transparent)}
.chapter-rail{position:absolute;top:13px;left:0;right:0;text-align:center;color:#bc9359;font-size:10px;letter-spacing:14px;opacity:.9}
.chapter-top{margin-bottom:26px}.chapter-number{font-size:9px}.chapter-icon{width:43px;height:43px;margin:7px auto 5px}.chapter-top h2{font-size:clamp(32px,4.3vw,56px);margin:5px 0;letter-spacing:-.04em}.chapter-top p{font-size:clamp(13px,1.6vw,17px);margin:8px 0;color:#d7c9ae}
.story-grid{display:block}.story,.story:first-child:nth-last-child(odd){display:grid;grid-template-columns:48px minmax(0,1fr) 160px;gap:20px;align-items:start;border:0;border-top:1px solid #95744b70;background:transparent;box-shadow:none;padding:21px 4px 24px;margin:0;transform:none!important;min-height:0}
.story:hover{border-color:#d5ad6f;background:#d0a46b0a}.story-index{grid-column:1;grid-row:1;color:#c7a46f;font:18px Georgia,serif;padding-top:2px}
.story-inner{grid-column:2;grid-row:1;padding:0}.story-type{font-size:9px;letter-spacing:.12em}.story h3{font-size:clamp(20px,2.4vw,27px);line-height:1.18;margin:5px 0 10px}.story p{font-size:15px;line-height:1.8;color:#d4d4ce;margin:0}.story h3 a.story-title-source,.feature-body h3 a.story-title-source{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.story h3 a.story-title-source:hover,.feature-body h3 a.story-title-source:hover{color:var(--gold)}
.article-image{grid-column:3;grid-row:1;aspect-ratio:4/3;border:2px solid #b48b51;box-shadow:4px 4px 0 #111a23,6px 6px 0 #735b3d;max-height:135px}.article-image img{object-fit:cover}
.story:not(:has(.article-image)){grid-template-columns:48px minmax(0,1fr) 160px}.story:not(:has(.article-image)) .story-inner{grid-column:2 / 4}
.video-block{margin:16px 0 8px;max-width:700px}.video-block figcaption{font-size:11px;color:#c7bda9;margin-top:6px}.video-frame{position:relative;aspect-ratio:16/9;width:100%;background:#080d12;overflow:hidden;border:1px solid #8e714a}.video-frame--short{aspect-ratio:9/16;width:min(100%,320px);margin-inline:auto}.video-frame iframe,.video-frame video,.video-placeholder{display:block;width:100%;height:100%;border:0}.video-placeholder{position:relative;padding:0;background:#080d12;cursor:pointer}.video-placeholder img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:42px;border-radius:12px;background:#111c;color:white;font-size:20px}.video-placeholder:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.special-horizontal{display:grid;grid-template-columns:250px minmax(0,1fr);border:0;border-top:1px solid #b78b50;border-bottom:1px solid #b78b50;margin:26px 0 0;background:#17242b99}
.feature-illustration{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:25px;background:linear-gradient(145deg,#34314b,#86664a 65%,#202e30)}.feature-illustration h3{font-size:clamp(38px,4vw,53px)}.feature-illustration--has-image{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#101820}.feature-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:#101820}.feature-illustration--has-image::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,24,32,.48),transparent 38%,transparent 55%,rgba(16,24,32,.82))}.feature-illustration--has-image>span,.feature-illustration--has-image>h3{position:relative;z-index:2}.feature-illustration--has-image>span{align-self:flex-start;padding:5px 8px;background:rgba(16,24,32,.84);color:#f3dfb9}.feature-illustration--has-image>h3{font-size:clamp(28px,3.2vw,40px);line-height:1.05;margin:0;text-shadow:0 2px 12px #000}.feature-body{padding:25px 28px}.feature-body h3{font-size:clamp(24px,3vw,35px);margin:8px 0}.feature-body p{font-size:15px;line-height:1.8;margin:8px 0}.feature-body small{font-size:9px}
.next{margin-top:22px;padding-top:14px}.next a{font-size:18px}.next span{font-size:9px}
.cinema{height:105svh}.cinema-sticky{height:100svh}.cinema-back{background-position:center 35%;filter:saturate(.85)}.cinema-copy strong{font-size:clamp(34px,5vw,70px)}.cinema-copy small{font-size:9px}
.ending{padding:75px 20px}.ending h2{font-size:clamp(38px,6vw,65px)}
@media(min-width:1351px){.chapter{margin-left:auto;margin-right:auto}}
@media(max-width:750px){.chapter{padding:44px 18px 45px;background:#111a23c9}.story,.story:first-child:nth-last-child(odd){grid-template-columns:24px minmax(0,1fr) 90px;gap:9px;padding:17px 0}.story-index{font-size:13px}.story h3{font-size:20px}.story p{font-size:14px;line-height:1.8}.story:not(:has(.article-image)){grid-template-columns:24px minmax(0,1fr)}.story:not(:has(.article-image)) .story-inner{grid-column:2}.article-image{max-height:90px}.special-horizontal{grid-template-columns:1fr}.feature-illustration{min-height:170px}.feature-illustration--has-image{min-height:245px}.feature-body{padding:20px}.intro{padding:30px 18px 45px}.world-backdrop{opacity:.1}}
@media(max-width:450px){.story:has(.article-image){grid-template-columns:22px minmax(0,1fr)}.story:has(.article-image) .article-image{grid-column:2;grid-row:1;width:100%;max-width:220px;max-height:105px;aspect-ratio:16/7;margin-bottom:4px}.story:has(.article-image) .story-inner{grid-column:2;grid-row:2}.story:has(.article-image) .story-index{grid-row:1}}
.weekly-opening{max-width:760px;margin:24px auto 0;padding:18px 22px;border:1px solid #9d7d5180;border-left:3px solid var(--gold);background:#17242b99}
.weekly-opening .eyebrow{font-size:9px;letter-spacing:.14em;color:var(--gold);margin-bottom:8px}
.weekly-opening p,.chapter-opening p{font-size:15px;line-height:1.8;color:#d4d4ce;margin:0 0 10px}
.chapter-opening{max-width:850px;margin:0 auto 18px;padding:0 4px 14px;border-bottom:1px solid #95744b55}
.empty-note{padding:22px 4px;color:var(--muted);font-size:14px;font-style:italic;border-top:1px solid #95744b55}
@media(max-width:750px){.weekly-opening{margin:18px 0 0;padding:15px}.chapter-opening{margin-bottom:12px}}

/* Guardas de tamaño: portada legible y medios RSS contenidos. */
.portal { width: min(100%, 420px); }
@supports (width: min(100%, 420px, 54svh)) {
  .portal { width: min(100%, 420px, 54svh); }
}
img { max-width: 100%; }
figure.story-image { display: block; width: min(100%, 700px); max-width: 100%; margin: 16px 0; overflow: hidden; }
.story-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 280px; object-fit: contain; margin: 0 auto; }
.story-image figcaption { margin-top: 7px; color: #bdb4a0; font-size: 11px; line-height: 1.45; }
.story-image--animated img { max-height: 180px; }
@media (max-width: 750px) {
  figure.story-image { margin: 12px 0; }
  .story-image img { max-height: 220px; }
}