@font-face{font-family:'Source Serif 4';font-weight:400;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/source-serif-4-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Serif 4';font-weight:400;font-style:italic;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/source-serif-4-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Source Serif 4';font-weight:600;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/source-serif-4-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/open-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:600;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/open-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:700;font-style:normal;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/open-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:400;font-style:italic;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/open-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-weight:600;font-style:italic;font-display:swap;src:url(/wp-content/themes/redaccionregional/templates/los-negocios-de-la-fe/assets/fonts/open-sans-latin-600-italic.woff2) format('woff2')}
:root{--night:#1B1410;--paper:#F3F1EC;--or:#d85818;--ye:#f6e143;--cv:#B3C5C6;--ink:#101417;
--ease:cubic-bezier(.23,1,.32,1);--ease2:cubic-bezier(.77,0,.175,1);--sheet:cubic-bezier(.32,.72,0,1);
--cond:'Barlow Condensed','Beroru SemiCondensed','Arial Narrow',sans-serif;--sans:'Open Sans',system-ui,sans-serif;
--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#1B1410}
body{background:#1B1410;color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
a,button,.door,.chip,.tk{touch-action:manipulation}
button,.door,.chip,.tb,.goto,.next{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.hidden{display:none!important}
.conf{position:fixed;z-index:60;right:calc(12px + var(--sar));bottom:calc(10px + var(--sab));font:700 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;background:var(--ye);color:#1B1410;padding:7px 10px;border-radius:2px;opacity:.92;pointer-events:none}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
/* ---------- PORTADA ---------- */
.cover{position:relative;min-height:100svh;min-height:100dvh;background:#1B2470;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.sky{position:absolute;inset:0;z-index:-1;background:linear-gradient(#1f2c93 0%,#2a3cb8 55%,#3550d2 100%);overflow:hidden}
.sunglow{display:none}
body[data-sky=dorado] .cover{background:#e9d9ae}
body[data-sky=dorado] .sky{background:radial-gradient(70% 55% at 76% 38%,rgba(255,238,184,.95),transparent 70%),linear-gradient(#f3ecd9 0%,#f4eedd 38%,#f0d89c 74%,#e0b565 100%)}
body[data-sky=dorado] .sunglow{display:block;position:absolute;left:58%;top:6%;width:70%;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,224,.85),rgba(255,236,170,.35) 55%,transparent);animation:sun 9s ease-in-out infinite alternate}
@keyframes sun{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}
.cl.g{display:none;height:100%;bottom:0}
body[data-sky=dorado] .cl.g{display:flex}
body[data-sky=dorado] .cl-heb,body[data-sky=dorado] .cl-cum,body[data-sky=dorado] .cl-dit{display:none}
.cl-g1{--t:150s;opacity:.9}.cl-g2{--t:95s}.cl-g3{--t:60s;animation-direction:reverse}
.cl{position:absolute;left:0;top:auto;display:flex;width:max-content;will-change:transform;animation:drift var(--t) linear infinite}
.cl img{height:100%;width:auto;max-width:none;flex:none;display:block}
.cl img.fl{transform:scaleX(-1)}
.cl-heb{top:5%;height:24%;--t:170s;opacity:.5}
.cl-cum{bottom:0;height:60%;--t:120s}
.cl-dit{bottom:-2%;height:40%;--t:80s}
@keyframes drift{to{transform:translate3d(-50%,0,0)}}
.cov-top{order:0;display:flex;justify-content:center;padding:calc(18px + var(--sat)) calc(5vw + var(--sal)) 0;position:relative;z-index:3;transition:opacity .6s}
.rr{height:clamp(54px,6vw,84px);width:auto}.cov-top .rr{filter:brightness(0) invert(1)}body[data-sky=dorado] .cov-top .rr{filter:none}
.cstage{order:2;--ch:clamp(240px,calc(100svh - 400px),620px);flex:1;display:grid;place-items:center;padding:8px 0}
.cwrap{position:relative;width:min(100%,calc(var(--ch) * 2.32));aspect-ratio:3000/1293}
.cimg.desk{width:100%;height:100%;display:block;clip-path:inset(0 100% 0 0);transform:scale(1.04);transform-origin:80% 50%;filter:drop-shadow(0 14px 20px rgba(8,12,60,.45))}
.go .cimg.desk{animation:uncover 1.7s .15s var(--ease) forwards,settle 9s .15s var(--ease) forwards}
@keyframes uncover{to{clip-path:inset(0 0 0 0)}}@keyframes settle{to{transform:scale(1)}}
.cstack{display:none}
.doorglow{position:absolute;left:76%;top:8%;width:20%;height:85%;background:radial-gradient(60% 45% at 50% 38%,rgba(255,246,244,.85),rgba(240,167,160,.3) 55%,transparent 75%);mix-blend-mode:soft-light;opacity:0;pointer-events:none}
.go .cwrap>.doorglow{animation:glow 5s 1.6s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.15}to{opacity:.95}}
.ctitle{order:1;padding:clamp(6px,2vh,24px) calc(5vw + var(--sal)) 0;position:relative;z-index:2;text-align:center}
.ctitle h1{font:800 clamp(54px,9.4vw,168px)/.9 var(--cond);text-transform:uppercase;letter-spacing:-.01em;color:#fff;text-shadow:.045em .045em 0 #0c1450}
body[data-sky=dorado] .ctitle h1{color:#1B1410;text-shadow:.045em .045em 0 #fff8}
.ctitle .ln{display:block;overflow:hidden;padding:.05em 0 .02em}
.ctitle .ln>span{display:block;transform:translateY(108%)}
.go .ctitle .ln>span{animation:rise 1.2s .9s var(--ease) forwards}
.ctitle em{font-style:normal;display:inline-block;margin-left:.06em;padding:0 .14em .02em;background:var(--or);color:#fff;text-shadow:none;box-shadow:.05em .05em 0 #0c1450;transform:rotate(-2.5deg);transform-origin:50% 100%}
body[data-sky=dorado] .ctitle em{box-shadow:.05em .05em 0 #1B1410}
.go .ctitle .ln>span{animation:rise 1.2s .9s var(--ease) forwards}
.ctitle .ln{padding:.08em .12em .12em}
@keyframes rise{to{transform:none}}@keyframes line{to{transform:scaleX(1)}}
/* intro */
.intro{background:#f3f1ec;padding:3vh 6vw 12vh;text-align:center}
.eyebrow{font:800 14px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:.72;margin-bottom:3vh}
.sum{max-width:780px;margin:0 auto;font:400 clamp(21px,2.4vw,31px)/1.5 'Source Serif 4',Georgia,serif;letter-spacing:0;color:var(--ink);text-wrap:pretty}
.sum .lead{font-family:var(--cond);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82em}
mark.hl{--hc:#d85818;--hh:.16em;background:linear-gradient(var(--hc),var(--hc)) 0 96%/0 var(--hh) no-repeat;color:inherit;padding:0 .04em;transition:background-size 1s .3s var(--ease)}
mark.hl.y{--hc:#f6e143;--hh:.34em}
mark.hl.in{background-size:100% var(--hh)}
.goto{display:inline-flex;align-items:center;gap:10px;margin-top:5vh;min-height:48px;padding:0 26px;background:var(--ink);color:#fff;border-radius:60px;font:700 16px var(--cond);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .16s var(--ease),background .2s}
.goto::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.goto:active{transform:scale(.97)}
/* ticker */
.ticker{background:var(--night);color:var(--paper);overflow:hidden;border-block:1px solid #ffffff22;padding:18px 0}
.rail{display:flex;width:max-content;animation:marq 70s linear infinite}
.tk{display:flex;align-items:baseline;gap:12px;padding:0 34px;text-decoration:none;white-space:nowrap}
.tk b{font:800 clamp(30px,3.4vw,46px)/1 var(--cond);color:var(--ye);text-transform:uppercase}
.tk span{font-size:14px;color:#d8d0c1;max-width:300px;white-space:normal;line-height:1.35}
.tk::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--or);margin-left:34px;align-self:center}
@keyframes marq{to{transform:translateX(-50%)}}
/* ---------- VESTÍBULO ---------- */
.hub{position:relative;padding:12vh 5vw calc(8vh + var(--sab));background:var(--night);color:var(--paper)}
.hub h2.big{font:800 clamp(40px,6.4vw,92px)/.92 var(--cond);text-transform:uppercase;text-align:center}
.hub h2.big em{font-style:normal;color:var(--or)}
.hub .lede{text-align:center;max-width:620px;margin:2.4vh auto 7vh;color:#cfc7b8}
.doors{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,3vw,48px);max-width:1280px;margin:0 auto}
.door{display:block;text-decoration:none;text-align:center;perspective:1300px;position:relative;transition:transform .5s var(--ease),opacity .4s;color:var(--paper)}
.doors.dim .door:not(.lit){opacity:.38}
.door .frame{position:relative;aspect-ratio:3/5;border:clamp(7px,.9vw,13px) solid #3b261a;border-radius:6px 6px 0 0;background:#0d0907;box-shadow:inset 0 0 0 2px #00000066,0 30px 60px -20px #000;overflow:hidden;transition:transform .16s var(--ease)}
.door:active .frame{transform:scale(.97)}
.door .scene{position:absolute;inset:0}
.door .scene img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);filter:brightness(.55) saturate(.85);transition:transform 1.4s var(--ease),filter .9s}
.door .glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 46%,rgba(246,225,67,.55) 50%,transparent 54%);mix-blend-mode:screen;transition:opacity .6s;opacity:.9}
.leaf{position:absolute;top:0;bottom:0;width:50%;background:#5A3B28;transition:transform 1.15s var(--ease);box-shadow:inset 0 0 0 1px #0006,inset 0 0 40px #0008}
.leaf.l{left:0;transform-origin:0 50%}.leaf.r{right:0;transform-origin:100% 50%}
.leaf::before{content:"";position:absolute;inset:9% 14% 46%;border:2px solid #0005;border-radius:2px;box-shadow:inset 0 0 14px #0006,1px 1px 0 #ffffff14}
.leaf::after{content:"";position:absolute;inset:60% 14% 8%;border:2px solid #0005;border-radius:2px;box-shadow:inset 0 0 14px #0006,1px 1px 0 #ffffff14}
.leaf .hd{position:absolute;top:52%;width:9px;height:9px;border-radius:50%;background:var(--ye);box-shadow:0 0 8px #f6e14388}
.leaf.l .hd{right:9px}.leaf.r .hd{left:9px}
.door .dn{position:absolute;z-index:3;left:50%;top:18%;transform:translateX(-50%);width:clamp(36px,4vw,56px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--ye);color:#1B1410;font:800 clamp(18px,2vw,28px)/1 var(--cond);transition:opacity .5s,transform .8s var(--ease)}
.door.open .leaf.l,.door:focus-visible .leaf.l{transform:rotateY(-78deg)}
.door.open .leaf.r,.door:focus-visible .leaf.r{transform:rotateY(78deg)}
.door.open .scene img,.door:focus-visible .scene img{transform:scale(1);filter:none}
.door.open .glow,.door:focus-visible .glow{opacity:0}
.door.open .dn,.door:focus-visible .dn{opacity:0;transform:translateX(-50%) scale(.5)}
@media (hover:hover) and (pointer:fine){
 .door:hover .leaf.l{transform:rotateY(-78deg)}.door:hover .leaf.r{transform:rotateY(78deg)}
 .door:hover .scene img{transform:scale(1);filter:none}.door:hover .glow{opacity:0}.door:hover .dn{opacity:0;transform:translateX(-50%) scale(.5)}
 .door:hover{transform:translateY(-8px)}.door:hover .go{transform:translateX(6px)}
 .chip:hover{background:var(--paper);color:#1B1410;border-color:var(--paper);transform:translateY(-3px)}.chip:hover img{filter:none}
 .goto:hover{background:var(--or)}.next:hover img{transform:scale(1);opacity:.75}
 .rail:hover{animation-play-state:paused}.tb:hover{background:#ffffff1f}
}
.door .cap{padding:18px 4px 0}
.door .cap .k{font:700 13px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--ye)}
.door .cap h3{font:700 clamp(21px,2vw,29px)/1.04 var(--cond);margin:8px 0;text-transform:uppercase}
.door .cap p{font-size:13px;color:#b9b09f}
.door .cap .go{display:inline-block;margin-top:10px;font:700 14px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--or);transition:transform .4s var(--ease)}
.hilos{max-width:1100px;margin:12vh auto 0;text-align:center}
.hilos h3{font:800 clamp(30px,4vw,54px)/1 var(--cond);text-transform:uppercase}
.hilos .lede{margin:1.6vh auto 4vh;color:#cfc7b8;max-width:560px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.chip{display:flex;align-items:center;gap:10px;min-height:48px;padding:3px 18px 3px 6px;border:1.5px solid #ffffff30;border-radius:60px;color:var(--paper);font:600 15px var(--sans);transition:transform .16s var(--ease),background .3s,color .3s,border-color .3s}
.chip img{width:42px;height:42px;object-fit:contain;filter:invert(.92) sepia(.2);transition:filter .3s}
.chip.on{background:var(--paper);color:#1B1410;border-color:var(--paper)}.chip.on img{filter:none}
.chip:active{transform:scale(.97)}
.hilo-note{min-height:3em;margin-top:22px;color:var(--ye);font:600 15px var(--sans)}
footer.f{padding:9vh 6vw 12vh;text-align:center;color:#9d9484;font-size:13px;border-top:1px solid #ffffff14;margin-top:10vh}
footer.f .rr.w{height:64px;margin:0 auto 18px;filter:invert(1);opacity:.9}
footer.f b{font:800 22px var(--cond);color:var(--paper);letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:6px}
/* cortina */
.curtain{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex}
.curtain i{flex:1;background:var(--cur,#1B1410);transform:scaleX(0);transition:transform .6s var(--ease)}
.curtain i:first-child{transform-origin:left}.curtain i:last-child{transform-origin:right}
.curtain.shut i{transform:scaleX(1)}
/* ---------- LECTOR ---------- */
.progress{position:fixed;z-index:70;top:0;left:0;height:4px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--acc,var(--or))}
.topbar{position:fixed;z-index:65;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:calc(8px + var(--sat)) calc(12px + var(--sar)) 8px calc(12px + var(--sal));transform:translateY(-110%);transition:transform .5s var(--ease);background:var(--bar,#1B1410ee);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--barfg,#fff)}
.topbar.show{transform:none}
.topbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.back,.tb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:44px;text-decoration:none;font:700 14px var(--cond);letter-spacing:.12em;text-transform:uppercase;transition:transform .16s var(--ease),background .2s}
.back:active,.tb:active{transform:scale(.96)}
.topbar .tt{flex:1;font:700 17px/1 var(--cond);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}
.tb[aria-pressed=false]{opacity:.55}
.chapter{--bg:#F3F1EC;--fg:#1B1410;--acc:#d85818;--accfg:#fff;--soft:#00000012;background:var(--bg);color:var(--fg)}
.ink-1{--plate:#14303C;--bg:#F3F1EC;--fg:#14212a;--acc:#d85818;--bar:#14303Cee;--barfg:#fff}
.ink-2{--plate:#1B1410;--bg:#fbf3e4;--fg:#1B1410;--acc:#EF5A62;--accfg:#1B1410;--bar:#f6e143ee;--barfg:#1B1410}
.ink-3{--plate:#1B1410;--bg:#f7f0e1;--fg:#1B1410;--acc:#d85818;--bar:#f7f0e1ee;--barfg:#1B1410}
.ink-4{--plate:#2b2316;--bg:#efe6d3;--fg:#241a10;--acc:#2F6B4F;--bar:#E4D9C3ee;--barfg:#241a10}
.c-hero{position:relative;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate;background:var(--plate)}
.c-art{position:absolute;inset:0;z-index:-1}
.c-art img{width:100%;height:112%;object-fit:cover;transform:scale(1.04);animation:kb 22s ease-out forwards;will-change:transform}
@keyframes kb{to{transform:scale(1.14) translateY(-3%)}}
.c-title{position:absolute;left:calc(5vw + var(--sal));bottom:calc(9vh + var(--sab));width:min(56vw,760px);padding:clamp(22px,2.6vw,38px) clamp(24px,3vw,44px) clamp(26px,3vw,42px);background:var(--plate);color:#F3F1EC;box-shadow:12px 12px 0 var(--acc);animation:plate 1.1s .2s var(--ease) both}
@keyframes plate{from{opacity:0;transform:translate(-30px,30px);box-shadow:0 0 0 var(--acc)}to{opacity:1;transform:none}}
.kicker{display:flex;align-items:center;gap:14px;font:800 clamp(13px,1.2vw,17px)/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;margin-bottom:2vh;color:var(--ye)}
.kicker i{width:56px;height:3px;background:var(--acc);transform-origin:left;animation:line 1s .9s var(--ease) both}
.c-title h1{font:800 clamp(32px,4.4vw,70px)/.96 var(--cond);text-transform:uppercase}
.scroll-cue{position:absolute;right:4vw;bottom:5vh;width:26px;height:44px;border:2px solid #fff;mix-blend-mode:difference;border-radius:14px;opacity:.8}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(16px)}}
.c-intro{max-width:980px;margin:0 auto;padding:12vh 6vw 4vh}
.sumario{font:700 clamp(21px,2.4vw,32px)/1.28 var(--cond)}
.byline{margin-top:3.4vh;font:700 15px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--acc);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.byline::before{content:"";width:34px;height:2px;background:currentColor}
.dateline,.mins{color:var(--fg);opacity:.6}.mins::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:12px;vertical-align:middle}
.c-body{max-width:700px;margin:0 auto;padding:4vh 22px 4vh;font-size:clamp(17px,1.35vw,19.5px);line-height:1.78}
.c-body p{margin:0 0 1.35em}
.c-body a{color:var(--acc);text-decoration-thickness:2px;text-underline-offset:3px}
.ink-4 .c-body a,.ink-3 .c-body a{color:inherit;text-decoration-color:var(--acc)}
.dropcap::first-letter{float:left;font:800 5.4em/.78 var(--cond);padding:.07em .1em 0 0;color:var(--acc)}
.sec-h{margin:3.2em 0 1.1em;scroll-margin-top:80px}
.sec-n{display:inline-block;font:800 15px var(--cond);letter-spacing:.3em;color:var(--accfg);background:var(--acc);padding:6px 11px 4px;margin-bottom:14px}
.sec-h h2{font:800 clamp(32px,4.2vw,52px)/1 var(--cond);text-transform:uppercase}
.banner{margin:0 -8vw 2em;overflow:hidden}.banner[hidden]{display:none}.banner img{width:100%;aspect-ratio:21/9;object-fit:cover}
@media(min-width:1000px){.banner{margin:0 -140px 2em}}
.pull{margin:2.2em -2vw;padding:.4em 0 .4em 1.2em;border-left:5px solid var(--acc);position:relative}
@media(min-width:1000px){.pull{margin-left:-80px;margin-right:-60px}}
.pull .qm{position:absolute;left:-.1em;top:-.55em;font:800 7em/1 var(--cond);color:var(--acc);opacity:.18}
.pull p{font:800 clamp(28px,3.6vw,46px)/1.06 var(--cond);text-transform:uppercase;margin:0;position:relative}
.pull cite{display:block;margin-top:.7em;font:700 14px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--acc);font-style:normal}
/* ---------- FOTOS ---------- */
.phs{margin:2.4em 0 2.6em;display:grid;gap:14px}
.ph-wide{width:min(1180px,100vw - 2 * var(--sal,0px));margin-left:50%;transform:translateX(-50%)}
.ph-wide.in{transform:translateX(-50%)}
[data-reveal].ph-wide{transform:translate(-50%,22px)}
.ph-pair{grid-template-columns:1fr 1fr;width:min(1000px,100vw);margin-left:50%;transform:translateX(-50%)}
[data-reveal].ph-pair{transform:translate(-50%,22px)}
.ph-pair.in,.ph-wide.in{transform:translateX(-50%)}
.ph{margin:0;position:relative}
.ph .frame{position:relative;overflow:hidden;background:var(--soft)}
.ph img{width:100%;height:auto;display:block}
.ph button.zoom{display:block;width:100%;cursor:zoom-in;position:relative}
.ph button.zoom:active img{transform:scale(.99)}
.ph img{transition:transform .2s var(--ease)}
.ph figcaption{padding:10px 2px 0;font:400 14px/1.5 var(--sans);color:color-mix(in srgb,var(--fg) 78%,transparent)}
.ph figcaption .cr{display:block;font:700 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;color:var(--acc)}
.ph.empty .frame{aspect-ratio:var(--r);background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in srgb,var(--fg) 8%,transparent) 11px 12px),var(--soft);display:grid;place-items:center;text-align:center;border:1.5px dashed color-mix(in srgb,var(--fg) 35%,transparent)}
.ph.empty .frame::before,.ph.empty .frame::after{content:"";position:absolute;width:22px;height:22px;border:solid var(--acc);border-width:0}
.ph.empty .frame::before{left:10px;top:10px;border-width:3px 0 0 3px}.ph.empty .frame::after{right:10px;bottom:10px;border-width:0 3px 3px 0}
.ph.empty .lab{padding:0 16px;font:700 14px/1.3 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.ph.empty .lab svg{width:34px;height:34px;fill:none;stroke:var(--acc);stroke-width:1.6;margin:0 auto 10px;display:block}
.ph.empty .lab small{display:block;font:400 12px var(--sans);letter-spacing:0;text-transform:none;opacity:.7;margin-top:4px}
.ph.empty figcaption{opacity:.55;font-style:italic}
body.no-ph .ph.empty{display:none}body.no-ph .phs:not(:has(.ph:not(.empty))){display:none}
@media(max-width:640px){.ph-pair{gap:8px;width:100%;margin-left:0;transform:none!important}.ph-pair figcaption{font-size:12px}.ph-pair .lab small{display:none}.ph-wide{width:calc(100% + 44px);margin-left:-22px;transform:none!important}.ph-wide figcaption{padding:10px 22px 0}}
/* ---------- DATOS ---------- */
.data{margin:2.6em -2vw;padding:28px clamp(18px,3vw,36px);background:#14303C;color:#fff;border-radius:4px;position:relative}
.ink-2 .data,.ink-4 .data{background:#1B1410}.ink-3 .data{background:#2b2316}
.data h4{font:700 15px/1.2 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ye);margin-bottom:22px}
.data-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cnt b{display:block;font:800 clamp(38px,5.4vw,72px)/.95 var(--cond);color:var(--or)}
.cnt span{font-size:13px;line-height:1.4;color:#d8d0c1;display:block;margin-top:6px}
.bar{display:grid;grid-template-columns:150px 1fr auto auto;gap:12px;align-items:center;margin:14px 0;font-size:14px}
.track{height:26px;background:#ffffff14;border-radius:2px;overflow:hidden}
.fill{display:block;height:100%;width:0;background:var(--or);transition:width 1.6s var(--ease)}.fill.b{background:var(--ye)}.in .fill{width:var(--w)}
.bar .val{font:800 24px var(--cond)}.bar em{font-style:normal;font-size:12px;opacity:.7}
.grid160{display:grid;grid-template-columns:repeat(20,1fr);gap:clamp(3px,.5vw,6px)}
.dot{aspect-ratio:1;border-radius:50%;display:inline-block;background:#ffffff22;transform:scale(0);transition:transform .5s var(--ease) var(--d,0s)}
.in .dot{transform:scale(1)}.dot.yes{background:var(--or)}.dot.no{background:var(--ye)}.dot.abs{background:#ffffff33}
.legend{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:18px 0 0;font-size:14px}
.legend li{display:flex;gap:8px;align-items:center}.legend .dot{width:14px;height:14px;transform:none}.legend b{font:800 20px var(--cond)}
.cols{display:flex;gap:clamp(14px,5vw,60px);align-items:flex-end;height:280px;padding-top:10px}
.col{flex:1;display:flex;flex-direction:column;height:100%;text-align:center}
.stack{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}
.seg{display:block;height:0;transition:height 1.5s var(--ease);position:relative}
.seg b{position:absolute;inset:0;display:grid;place-items:center;font:800 20px var(--cond);color:#1B1410}
.seg.cat{background:#ffffff40}.seg.cat b{color:#fff}.seg.evg{background:var(--ye)}.in .seg{height:var(--h)}
.col>span{font:800 18px var(--cond);margin-top:8px;letter-spacing:.08em}
.sw{width:14px;height:14px;display:inline-block;border-radius:2px}.sw.cat{background:#ffffff66}.sw.evg{background:var(--ye)}
.src{font-size:12px;opacity:.65;margin:14px 0 0!important}
.data-share{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.data-share h4{flex-basis:100%;margin-bottom:0}
.ring{position:relative;width:170px;height:170px}.ring svg{transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:14}.ring .bg{stroke:#ffffff22}.ring .fg{stroke:var(--or);stroke-dasharray:0 100;transition:stroke-dasharray 1.8s var(--ease)}
.in .ring .fg{stroke-dasharray:var(--p) 100}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 40px var(--cond)}
.data-share p{flex:1;min-width:200px;margin:0!important;font-size:15px}
.epigraph{font:800 clamp(34px,5vw,64px)/1 var(--cond);text-transform:uppercase;color:var(--acc);margin:2em 0 1em!important;text-align:center}
.reportes{font:600 14px var(--sans);opacity:.8;border-top:1px solid var(--soft);padding-top:1.4em}
.nota{display:flex;gap:18px;align-items:flex-start;margin:1.6em 0 4em;padding:22px;background:var(--soft);border-radius:3px;font-size:14.5px;line-height:1.6}
.nota svg{flex:0 0 34px;width:34px;fill:none;stroke:var(--acc);stroke-width:3}.nota p{margin:0}
/* cierre */
.cross{max-width:700px;margin:0 auto;padding:0 22px 7vh}
.cross h3{font:800 clamp(26px,3vw,36px)/1 var(--cond);text-transform:uppercase;margin-bottom:6px}
.cross>p{font-size:14.5px;opacity:.75;margin-bottom:18px}
.cross ul{list-style:none;padding:0;display:grid;gap:10px}
.cross li{display:flex;gap:14px;align-items:center;padding:10px 14px 10px 8px;border:1.5px solid var(--soft);border-radius:12px;font-size:14.5px;line-height:1.35}
.cross li img{width:40px;height:40px;object-fit:contain;flex:none}
.cross li b{display:block;font:700 18px var(--cond);text-transform:uppercase}
.cross a{color:var(--acc);font-weight:700}
.next{display:block;text-decoration:none;position:relative;padding:12vh 6vw calc(12vh + var(--sab));text-align:center;color:#fff;background:#1B1410;overflow:hidden;isolation:isolate}
.next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.5;transform:scale(1.08);transition:transform 1.6s var(--ease),opacity .6s}
.next small{display:block;font:800 15px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--ye)}
.next strong{display:block;font:800 clamp(36px,6vw,84px)/.95 var(--cond);text-transform:uppercase;max-width:1000px;margin:14px auto 0}
.next span{display:inline-block;margin-top:24px;font:700 16px var(--cond);letter-spacing:.2em;text-transform:uppercase;border-bottom:3px solid var(--or);padding-bottom:4px}
.next:active strong{transform:scale(.99)}
/* hojas (dialog) */
dialog{border:0;padding:0;background:none;color:inherit;max-width:none;max-height:none}
dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
#sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%}
#sheet[open]{animation:sheetUp .42s var(--sheet)}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
.sheet-in{background:#fff;color:#1B1410;border-radius:18px 18px 0 0;padding:10px 22px calc(22px + var(--sab));max-height:82dvh;overflow:auto;overscroll-behavior:contain}
.grab{width:42px;height:5px;border-radius:5px;background:#0003;margin:4px auto 14px}
.sheet-in h2{font:800 28px var(--cond);text-transform:uppercase;margin-bottom:8px}
.sheet-in ol{list-style:none;padding:0}
.sheet-in li a{display:flex;gap:14px;align-items:baseline;min-height:48px;padding:10px 4px;border-top:1px solid #0001;text-decoration:none;font:600 16px/1.3 var(--sans)}
.sheet-in li a:active{background:#0000000d}
.sheet-in li b{font:800 15px var(--cond);color:var(--acc,#d85818);letter-spacing:.14em;flex:none;width:26px}
.x{display:block;margin:14px auto 0;min-height:48px;padding:0 26px;border-radius:50px;background:#1B1410;color:#fff;font:700 15px var(--cond);letter-spacing:.14em;text-transform:uppercase;transition:transform .16s var(--ease)}
.x:active{transform:scale(.97)}
@media(min-width:900px){#sheet{inset:0 0 0 auto;width:420px;height:100%}#sheet[open]{animation:sheetIn .42s var(--sheet)}@keyframes sheetIn{from{transform:translateX(100%)}to{transform:none}}.sheet-in{height:100%;max-height:none;border-radius:0;padding-top:calc(24px + var(--sat))}.grab{display:none}}
#lb{inset:0;width:100%;height:100%;margin:0;background:#0b0b0bf2;overflow:auto}
#lb[open]{display:grid;place-items:center;animation:fadeIn .25s var(--ease)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
#lb figure{margin:0;padding:calc(20px + var(--sat)) 16px 8px;text-align:center;color:#fff;max-width:1400px}
#lb img{max-height:78dvh;width:auto;margin:0 auto;object-fit:contain}
#lb figcaption{max-width:720px;margin:12px auto 0;font-size:14px;line-height:1.5;color:#ddd}
#lb .x{margin-bottom:calc(14px + var(--sab));background:#fff;color:#111}
@media(max-width:1000px){.doors{grid-template-columns:repeat(2,minmax(0,1fr))}.door-game{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.c-title{width:min(70vw,700px)}}
@media(max-width:720px){
 .cstage{display:grid;place-items:center;padding:10px 14px 0}
 .cwrap{width:100%;aspect-ratio:3000/1293;height:auto}
 .cstack{display:none!important}
 .ctitle h1{font-size:clamp(52px,17vw,88px)}
 .sum{font-size:18px;line-height:1.5}.intro{padding-bottom:9vh}
 .doors{gap:26px 14px}.door .cap p{display:none}.door .cap h3{font-size:17px}.hub{padding-left:18px;padding-right:18px}.chip{font-size:13px}.chip img{width:34px;height:34px}
 .c-hero{min-height:0;display:flex;flex-direction:column;background:var(--bg)}
 .c-art{position:relative;height:auto;aspect-ratio:1/1}.c-art img{height:100%;animation:none;transform:none;object-position:100% 50%!important}
 .c-title{position:relative;left:auto;bottom:auto;width:auto;margin:-28px 14px 0;box-shadow:8px 8px 0 var(--acc);animation:none}
 .c-hero{padding-bottom:14px}.scroll-cue{display:none}
 .topbar .tt,.back span{display:none}.tb span{display:none}.back,.tb{padding:0 11px}.topbar{gap:2px}.topbar .tt{display:block;flex:1;font-size:15px}
 .data-counters{grid-template-columns:1fr}.bar{grid-template-columns:1fr auto auto}.bar .lab{grid-column:1/-1}
 .banner,.pull{margin-left:0;margin-right:0}.data{margin-left:0;margin-right:0}.pull{padding-left:16px}
 .sum{font-size:18px;line-height:1.5}.intro{padding-bottom:9vh}
 .conf{left:50%;right:auto;transform:translateX(-50%);bottom:calc(8px + var(--sab));font-size:10px;white-space:nowrap}.cstage{padding-bottom:56px}
 .tk span{max-width:220px}.tk{padding:0 22px}
}
@media(prefers-reduced-motion:reduce){*:not(.rail):not(.cl){animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}.fill{width:var(--w)}.seg{height:var(--h)}.dot{transform:none}.cimg.desk{clip-path:none;transform:none}.ctitle .ln>span{transform:none}.sunglow,.rays,.doorglow{animation:none!important}.cstack .bill,.doorbox .door{clip-path:none!important}html{scroll-behavior:auto}}

.vsw{position:fixed;z-index:30;left:12px;bottom:calc(12px + var(--sab));min-height:36px;padding:0 14px;border-radius:30px;background:#1B1410;color:#fff;font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid #ffffff55}
.vsw:active{transform:scale(.96)}
body.in-ch .vsw{display:none}

.aliados{padding:10vh 6vw 2vh;text-align:center;border-top:1px solid #ffffff14;margin-top:10vh}
.aliados h2{font:700 13px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:#9d9484;margin:0 0 5vh}
.aliados ul{list-style:none;margin:0 auto;padding:0;max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:34px clamp(36px,6vw,84px)}
.aliados img{display:block;height:var(--h);width:auto;max-width:78vw;opacity:.92}
footer.f{margin-top:6vh;border-top:0;padding-top:4vh}
@media (max-width:560px){.aliados ul{flex-direction:column;gap:30px}.aliados img{height:calc(var(--h)*.9)}}

.aliados .al2{margin-top:6vh}.aliados ul+h2{margin-top:6vh}
.door-game .scene img{object-position:50% 40%}

.creditos{padding:10vh 6vw 0;text-align:center}
.creditos h2{font:700 13px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:#9d9484;margin:0 0 5vh}
.creditos dl{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:26px 40px;text-align:center}
.creditos dt{font:700 13px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--ye);margin-bottom:6px}
.creditos dd{margin:0;font-size:15px;line-height:1.5;color:#d8d2c4}
.creditos dl>div:first-child{grid-column:1/-1}
@media(max-width:560px){.creditos dl{grid-template-columns:1fr}}
.aliados{margin-top:8vh}

.creditos{padding-top:8vh;padding-bottom:2vh}.aliados{margin-top:10vh}

@media(max-width:720px){.cstage{padding:18px 14px 64px}}

/* v9 */
.ph-port{width:min(440px,100%);margin-left:auto;margin-right:auto}
.creditos dl{grid-template-columns:repeat(2,1fr)}
.creditos dl>div.wide{grid-column:1/-1}.creditos dl>div:first-child{grid-column:1/-1}
.creditos dd .n{display:inline-block;white-space:nowrap}
.creditos dd .n:not(:last-child)::after{content:"\00a0·\00a0";color:#9d9484}
.creditos dd{text-wrap:balance}
.aliados ul{flex-wrap:wrap;justify-content:center}
.hilo-note{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;align-items:center;min-height:3em;margin-top:22px;color:#cfc7b8;font:600 15px var(--sans)}
.hilo-note span{color:var(--ye)}
.hilo-note a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:40px;background:var(--ye);color:#1B1410;text-decoration:none;font:700 14px var(--cond);letter-spacing:.1em;text-transform:uppercase;transition:transform .16s var(--ease)}
.hilo-note a::after{content:"→"}.hilo-note a small{font:600 12px var(--sans);letter-spacing:0;opacity:.7}
.hilo-note a:hover{transform:translateY(-2px)}
.hilo-note em{flex-basis:100%;font:400 12px var(--sans);color:#9d9484;font-style:normal}
/* puerta de trivia */
.door-game .frame{background:#1d1247;border-style:dotted;border-color:#c9b8ff;border-radius:14px 14px 0 0;box-shadow:inset 0 0 0 2px #0006,0 0 40px -6px #7a4dffaa,0 30px 60px -20px #000}
.door-game .leaf{background:linear-gradient(160deg,#4a2fb8,#2a1a73)}
.door-game .leaf::before,.door-game .leaf::after{border-color:#c9b8ff55}
.door-game .leaf .hd{background:#c9b8ff;box-shadow:0 0 8px #c9b8ffaa}
.door-game .glow{background:linear-gradient(90deg,transparent 46%,rgba(201,184,255,.6) 50%,transparent 54%)}
.door-game .dn{background:#c9b8ff;color:#1d1247}
.door-game .cap .k{display:inline-block;padding:5px 10px 4px;background:#c9b8ff;color:#1d1247;letter-spacing:.2em;border-radius:3px}
.door-game .cap h3 em{font-style:normal;position:relative;display:inline-block;padding:0 .1em;background:#7a4dff;color:#fff;transform:rotate(-2deg)}
.door-game .cap h3 em::after{content:"";position:absolute;left:-4%;right:-4%;top:54%;height:.09em;background:#f6e143;transform:rotate(-4deg)}
.door-game .cap .go{color:#c9b8ff}
/* confesionario */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.confhub{max-width:760px;margin:10vh auto 0;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:26px;border:1.5px solid #ffffff2e;border-radius:6px;background:#2a1b13}
.cf-art{width:78px;height:116px;border:5px solid #5a3b28;border-radius:4px 4px 0 0;display:grid;grid-template-columns:1fr 1fr;background:repeating-linear-gradient(45deg,#1b1410 0 5px,#3b261a 5px 6px)}
.cf-art i{border-right:2px solid #0008}
.confhub h3{font:800 clamp(26px,3.4vw,38px)/1 var(--cond);text-transform:uppercase}
.confhub p{margin:8px 0 14px;color:#cfc7b8;font-size:15px}
.cf-open,.conflink button{min-height:44px;padding:0 20px;border-radius:40px;background:var(--ye);color:#1B1410;font:700 14px var(--cond);letter-spacing:.12em;text-transform:uppercase}
.conflink{max-width:680px;margin:6vh auto 0;padding:0 22px;text-align:center;font-size:15px;color:color-mix(in srgb,var(--fg,#fff) 80%,transparent)}
.conflink button{display:inline-block;margin:8px 0 0;background:transparent;color:inherit;border:1.5px solid currentColor;padding:0 16px;font-size:13px}
#conf{border:0;padding:0;background:transparent;max-width:min(520px,calc(100vw - 24px));width:100%;color:#f3f1ec}
#conf::backdrop{background:#0c0806cc}
.cf-booth{position:relative;background:#2a1b13;border:6px solid #5a3b28;border-radius:6px;padding:0 22px 24px;max-height:calc(100dvh - 24px);overflow:auto}
.cf-lattice{height:54px;margin:0 -22px 18px;background:repeating-linear-gradient(45deg,#150e0a 0 7px,#3b261a 7px 9px),repeating-linear-gradient(-45deg,#150e0a 0 7px,#3b261a 7px 9px);background-blend-mode:screen;border-bottom:4px solid #5a3b28}
.cf-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#1b1410;color:#fff;font-size:26px;line-height:1}
#conf h2{font:800 34px/1 var(--cond);text-transform:uppercase}
.cf-lede{margin:8px 0 16px;color:#d8d2c4;font-size:15px}
#conf fieldset{border:0;padding:0;margin:0 0 14px;display:grid;gap:8px}
#conf fieldset label{display:flex;gap:10px;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid #ffffff3a;border-radius:6px;cursor:pointer;font-size:15px}
#conf fieldset input{accent-color:#f6e143;width:18px;height:18px}
#conf fieldset label:has(input:checked){border-color:var(--ye);background:#f6e14312}
.cf-f textarea,.cf-f input{width:100%;margin-bottom:10px;padding:12px 14px;background:#150e0a;border:1.5px solid #ffffff3a;border-radius:6px;color:#fff;font:400 16px/1.4 var(--sans)}
.cf-f textarea:focus,.cf-f input:focus{outline:2px solid var(--ye);outline-offset:1px}
.cf-hp{position:absolute;left:-9999px}
.cf-msg{min-height:1.4em;margin:0 0 10px;color:var(--ye);font-size:14px}
.cf-send,.cf-done{min-height:50px;padding:0 28px;background:var(--ye);color:#1B1410;font:800 20px var(--cond);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;box-shadow:4px 4px 0 #d85818;border:none;cursor:pointer;transition:transform .16s var(--ease)}
.cf-send:disabled{opacity:.5}
.cf-ok{text-align:center;padding:18px 0 4px}.cf-ok b{display:block;font:800 52px var(--cond);text-transform:uppercase;color:var(--ye)}.cf-ok p{margin:6px 0 18px}
@media(max-width:560px){.confhub{grid-template-columns:1fr;text-align:center;justify-items:center;margin-left:18px;margin-right:18px}}
/* v10 */
.bk{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:70;display:none;align-items:center;gap:6px;min-height:46px;max-width:calc(100vw - 28px);padding:0 20px 0 12px;border-radius:46px;background:#d85818;color:#fff;font:700 15px var(--cond);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 20px #0008}
.bk.on{display:inline-flex}.bk svg{width:20px;height:20px;flex:none;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bk span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-open,.conflink button{background:#d85818!important;color:#fff!important;border:0!important;box-shadow:0 4px 0 #8f3a0e}
.conflink button{padding:0 22px;font-size:14px}
.door-game .scene img{object-position:50% 50%}

/* v11: nubes visibles en móvil */
@media(max-width:720px){.cl-heb{--t:100s}.cl-cum{--t:70s}.cl-dit{--t:48s}}