:root{
 --bg:#09070d; --bg2:#0b0812;
 --gold:#C9A86B; --goldB:#E8C87E; --goldW:#fff4d6; --goldDeep:#98793f; --cream:#F1E7CE;
 
 --oro:#E8C87E;      
 --marfil:#D6D0C4;   
 --dim:#ADA79B;      
 --ash:#8E877A;      
 --line:rgba(201,168,107,.18); --line2:rgba(201,168,107,.38);
 --daat:#A96BE8; --daatB:#C89BF2;
 --marte:#e08a72; --jupiter:#7fb3d5;
 --tinta:#2b2117;
 --display:'Cinzel Decorative','Cinzel',serif; --head:'Cormorant Garamond',Georgia,serif;
 --heb:'Frank Ruhl Libre',Georgia,serif; --body:'EB Garamond',Georgia,serif; --label:'Space Mono',ui-monospace,monospace;
 
 --cifras:'EB Garamond',Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--cream);font-family:var(--body);font-size:19px;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none !important}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
@media(max-width:620px){.wrap{padding:0 20px}}

.nebula{position:fixed;inset:0;z-index:0;pointer-events:none;
 background:
  radial-gradient(72% 62% at 80% 6%, rgba(169,107,232,.07), transparent 78%),
  radial-gradient(74% 64% at 18% 24%, rgba(138,92,224,.045), transparent 80%),
  radial-gradient(78% 68% at 58% 84%, rgba(169,107,232,.04), rgba(201,168,107,.03) 48%, transparent 82%),
  radial-gradient(122% 94% at 50% 40%, transparent 50%, rgba(7,5,13,.62) 100%);
 animation:nebDrift 42s ease-in-out infinite alternate}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.motas{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.motas i{position:absolute;left:var(--x);bottom:-4%;width:var(--s,2px);height:var(--s,2px);border-radius:50%;
 background:#ffe9b0;box-shadow:0 0 6px rgba(232,200,126,.9);opacity:0;
 animation:mota var(--t,17s) linear var(--dl,0s) infinite}
@keyframes mota{
 0%{opacity:0;transform:translate3d(0,0,0) scale(.6)}
 14%{opacity:.8}
 72%{opacity:.42}
 100%{opacity:0;transform:translate3d(var(--dx,10px),calc(-1 * var(--rise,320px)),0) scale(1)}}
.lockup-daat{display:inline-flex;flex-direction:column;align-items:center;
 font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:11.34px;line-height:1.16;
 text-transform:uppercase;color:#EBCB86;text-shadow:0 0 15px rgba(235,203,134,.28)}
.lockup-daat > span,.wm > span,.wm-hero > span{display:block;white-space:nowrap}
.lockup-daat > span:first-child,.wm > span:first-child,.wm-hero > span:first-child{letter-spacing:.085em;margin-right:-.085em}
.lockup-daat > span:last-child,.wm > span:last-child,.wm-hero > span:last-child{letter-spacing:.271em;margin-right:-.271em}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(10,8,6,.85),rgba(10,8,6,0));backdrop-filter:blur(8px);transition:transform .4s,background .4s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(9,7,5,.82);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(10,8,6,.85),rgba(10,8,6,0));backdrop-filter:blur(8px);transition:transform .4s,background .4s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(9,7,5,.82);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.nav .mark{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav .mark .sello{width:40px;height:40px;display:block;flex:0 0 auto;
 filter:drop-shadow(0 0 11px rgba(169,107,232,.42))}
.nav .mark .wm{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.085em;
 font-size:11.34px;line-height:1.16;text-transform:uppercase;color:#EBCB86;
 text-shadow:0 0 15px rgba(235,203,134,.28)}
.nav .links{display:flex;gap:26px;align-items:center;font-family:var(--label);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.nav .links a{position:relative;transition:color .25s}
.nav .links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--goldB);transition:right .3s;box-shadow:0 0 6px var(--goldB)}
.nav .links a:hover{color:var(--goldB)}
.nav .links a:hover::after{right:0}
.prog{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:linear-gradient(to right,rgba(201,168,107,.05),rgba(201,168,107,.5));transition:width .12s linear}
.navtoggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin:-8px -8px -8px 0;color:var(--goldB);z-index:2}
.navtoggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.navtoggle path{transition:transform .3s,opacity .2s;transform-origin:center;transform-box:fill-box}
@media(max-width:820px){
.navtoggle{display:inline-flex}
.nav .links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
  background:rgba(9,7,5,.975);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
  max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .34s ease,opacity .28s;padding:0}
.nav.open .links{max-height:60vh;opacity:1;pointer-events:auto;padding:6px 0 10px}
.nav .links a{display:block;width:100%;padding:14px 24px;font-size:13px;color:var(--cream);border-top:1px solid rgba(201,168,107,.08)}
.nav .links a:first-child{border-top:0}
.nav .links a::after{display:none}
.nav.open .navtoggle .l1{transform:translateY(6.5px) rotate(45deg)}
.nav.open .navtoggle .l2{opacity:0}
.nav.open .navtoggle .l3{transform:translateY(-6.5px) rotate(-45deg)}
}
.arbol{position:relative;width:min(520px,88vw);margin:clamp(28px,4vw,44px) auto clamp(34px,5vw,56px)}
.arbol::before{content:"";position:absolute;left:-14%;right:-14%;top:-6%;bottom:-6%;z-index:0;pointer-events:none;
 background:radial-gradient(48% 46% at 50% 44%,rgba(201,168,107,.07),rgba(169,107,232,.04) 44%,transparent 74%)}
.ar{position:relative;z-index:1;width:100%;height:auto;overflow:visible;display:block}
.ar-cast{opacity:0;filter:blur(38px);transition:opacity 1.6s ease}
.arbol.in .ar-cast{opacity:.13;transition-delay:var(--d)}
.ar-pil line{stroke:var(--gold);stroke-width:15;stroke-opacity:.07;stroke-linecap:round;filter:blur(5px)}
.ar-p{fill:none;stroke:var(--gold);stroke-width:4.4;stroke-opacity:.2;stroke-linecap:round;
 stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.ar-pc{fill:none;stroke:#ffe9b8;stroke-width:1.15;stroke-opacity:.62;stroke-linecap:round;
 stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.arbol.in .ar-p,.arbol.in .ar-pc{animation:trazar 1.15s cubic-bezier(.35,0,.2,1) var(--d) forwards}
.ar-pf{fill:none;stroke:#fff3d6;stroke-width:3.2;stroke-linecap:round;opacity:0;
 filter:drop-shadow(0 0 7px rgba(232,200,126,.95)) drop-shadow(0 0 18px rgba(232,200,126,.55))}
.arbol.in .ar-pf{animation:arder 4.6s calc(var(--d) + 1.5s) ease-in-out infinite}
.ar-letras text{font-family:var(--heb);font-weight:700;font-size:21px;text-anchor:middle;dominant-baseline:central;
 fill:var(--gold);opacity:0;paint-order:stroke;stroke:#09070d;stroke-width:3.4}
.arbol.in .ar-letras text{animation:aparecerL 1s var(--d) ease-out forwards}
.arbol.in .ar-l.viva{animation:aparecerLv 1s var(--d) ease-out forwards}
.ar-daat{opacity:0}
.arbol.in .ar-daat{animation:aparecerD 1.4s var(--d) ease-out forwards}
.ar-daat-core{fill:url(#daatNucleo)}
.ar-daat-r1{fill:none;stroke:var(--daatB);stroke-width:1.9;stroke-dasharray:1.6 7.4;opacity:.9}
.ar-daat-r2{fill:none;stroke:#C5B0E0;stroke-width:1.2;stroke-dasharray:1 5;opacity:.7}
.ar-daat-n{fill:#f0e6ff;opacity:.85;filter:drop-shadow(0 0 6px rgba(169,107,232,.9))}
.ar-spin,.ar-spin-r{transform-box:fill-box;transform-origin:center}
.ar-spin{animation:sSpin 26s linear infinite}
.ar-spin-r{animation:sSpin 19s linear infinite reverse}
.ar-orb{opacity:0;transform-box:fill-box;transform-origin:center}
.arbol.in .ar-orb{animation:orbPop 1s var(--d) cubic-bezier(.22,.9,.3,1.15) forwards}
.ar-aura{opacity:.2;filter:blur(9px)}
.ar-filo{fill:none;stroke:var(--gold);stroke-width:1;opacity:.34}
.ar-disc{fill:url(#orbe)}
.ar-disc.t{fill:url(#orbeT)}
.ar-tex{fill:url(#hd);opacity:.2;mix-blend-mode:multiply}
.ar-hoja{fill:#fff;opacity:.17;mix-blend-mode:multiply;filter:url(#hojaOro)}
.ar-canto{fill:none;stroke:#fff7e0;stroke-width:1;opacity:.5;filter:url(#tinta)}
.ar-pla{fill:#241804;font-family:var(--head);font-weight:700;text-anchor:middle;dominant-baseline:central;opacity:.72}
.ar-orb.t .ar-aura{opacity:.34;animation:respirarT 6s ease-in-out infinite}
.arbol-pie{max-width:40ch;margin:0 auto;text-align:center;font-family:var(--label);
 font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#8c7f61;line-height:1.9}
@media(max-width:520px){
.arbol{width:min(320px,88vw)}
.ar-letras text{font-size:24px}
}
.sello-daat{width:clamp(128px,16vw,168px);margin:0 auto clamp(26px,4vw,38px);aspect-ratio:1;position:relative}
.sello-daat svg{width:100%;height:100%;overflow:visible;display:block}
.sd-ring{fill:none}
.sd-dot{stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:.5 13;opacity:.55;filter:drop-shadow(0 0 3px rgba(232,200,126,.5))}
.sd-fine{stroke-width:1.6;stroke-dasharray:.5 9;opacity:.42}
.sd-hair{stroke:var(--goldDeep);stroke-width:.6;opacity:.26}
.sd-geo{fill:none}
.sd-faint{stroke:var(--goldDeep);stroke-width:1;opacity:.34}
.sd-bright{stroke:var(--goldB);stroke-width:1;filter:drop-shadow(0 0 4px rgba(232,200,126,.5))}
.sd-disc-ring{fill:none;stroke:url(#sdVio);stroke-width:2.8}
.sd-disc-halo{fill:none;stroke:var(--daatB);stroke-width:1;opacity:.5}
.sd-heb{font-family:var(--heb);font-weight:700;fill:#E7D6FF;text-anchor:middle;letter-spacing:2px;
 filter:drop-shadow(0 0 12px rgba(169,107,232,.72)) drop-shadow(0 0 4px rgba(199,155,242,.9))}
.sd-spin74,.sd-spin60r,.sd-spin150{transform-origin:215px 215px;transform-box:view-box}
.sd-spin74{animation:sSpin 74s linear infinite}
.sd-spin60r{animation:sSpin 60s linear infinite reverse}
.sd-spin150{animation:sSpin 150s linear infinite}
.sd-breathe{transform-box:fill-box;transform-origin:center;animation:discGlow 8.5s ease-in-out infinite}
.sd-letra{transform-box:fill-box;transform-origin:center;animation:letterBreathe 8.5s ease-in-out infinite}
@keyframes nebDrift{from{transform:translate(0,0)}to{transform:translate(-26px,-34px)}}
@keyframes sSpin{to{transform:rotate(360deg)}}
@keyframes sHalo{0%,100%{opacity:.14;transform:scale(1)}50%{opacity:.5;transform:scale(1.16)}}
@keyframes trazar{to{stroke-dashoffset:0}}
@keyframes orbPop{0%{opacity:0;transform:scale(.35)}62%{opacity:1;transform:scale(1.09)}100%{opacity:1;transform:scale(1)}}
@keyframes aparecerL{to{opacity:.52}}
@keyframes aparecerLv{to{opacity:1}}
@keyframes aparecerD{to{opacity:1}}
@keyframes arder{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes respirarT{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}
@media(max-width:640px){
.sello-daat{width:118px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
.ar-p,.ar-pc{stroke-dashoffset:0}
.ar-pf{opacity:.8}
.ar-orb,.ar-daat{opacity:1;transform:none}
.ar-cast{opacity:.2;transition:none}
.ar-letras text{opacity:.52}
.ar-l.viva{opacity:1}
.motas{display:none}
}
.arbol{width:min(620px,94vw)}
.ar{width:100%;height:auto;overflow:visible}
.ar-plato{opacity:0;transition:opacity 2.2s ease .4s}
.arbol.in .ar-plato{opacity:1}
.ar-plato-a{fill:none;stroke:var(--gold);stroke-width:1;opacity:.12;filter:url(#tinta)}
.ar-plato-b{fill:none;stroke:var(--gold);stroke-width:.8;opacity:.1;stroke-dasharray:2 11}
.ar-grado{stroke:var(--gold);stroke-width:.8;opacity:.14}
.ar-grado.mayor{stroke-width:1.4;opacity:.28}
.geo-l{fill:none;stroke-linejoin:round;stroke-linecap:round}
.geo-gir{transform-box:view-box;animation:sSpin var(--t) linear infinite}
.geo-gir.rev{animation-direction:reverse}
.ar-geo{opacity:0;transition:opacity 2.8s ease .3s}
.arbol.in .ar-geo{opacity:1}
@keyframes geoIn{to{opacity:.68}}
@keyframes geoInMovil{to{opacity:.42}}
.ar-haz{filter:blur(28px);opacity:0;transition:opacity 1.8s ease .6s}
.arbol.in .ar-haz{opacity:1}
.ar-rot{opacity:0}
.arbol.in .ar-rot{animation:aparecerD 1.1s .95s ease-out forwards}
.ar-rot-t{font-family:var(--label);font-weight:700;font-size:13px;letter-spacing:.26em;
 text-anchor:middle;fill:var(--ash)}
.ar-rot.ex .ar-rot-t{fill:var(--goldB)}
.ar-rot.fo .ar-rot-t{fill:#B292DE}
.ar-rot-d{fill:var(--gold);opacity:.45}
.ar-rot.ex .ar-rot-d{fill:var(--goldB);opacity:.9}
.ar-rot.fo .ar-rot-d{fill:#B292DE;opacity:.72}
.ar-rot-l{stroke:var(--line2);stroke-width:1}
.ar-rayo{pointer-events:none}
.ar-fulgor-h,.ar-fulgor,.ar-chispazo{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.ar-fulgor-h{stroke:#E8C87E;stroke-width:9;filter:blur(8px);
 stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.ar-fulgor{stroke:#fff7e2;stroke-width:2.2;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);
 filter:drop-shadow(0 0 7px rgba(255,243,214,.95)) drop-shadow(0 0 20px rgba(232,200,126,.5))}
.ar-chispazo{stroke:#fffaf0;stroke-width:6.5;stroke-dasharray:.1 var(--len);stroke-dashoffset:0;
 filter:drop-shadow(0 0 10px #ffe9b8) drop-shadow(0 0 28px rgba(232,200,126,.9))}
.arbol.in .ar-fulgor-h,.arbol.in .ar-fulgor{animation:estela 13s 3.2s linear infinite}
.arbol.in .ar-chispazo{animation:chispazo 13s 3.2s linear infinite}
@keyframes estela{
 0%{opacity:0;stroke-dashoffset:var(--len)}
 2%{opacity:1}
 30%{opacity:1;stroke-dashoffset:0}
 48%{opacity:1;stroke-dashoffset:0}
 64%{opacity:0;stroke-dashoffset:0}
 100%{opacity:0;stroke-dashoffset:0}}
@keyframes chispazo{
 0%{opacity:0;stroke-dashoffset:0}
 1.5%{opacity:1}
 30%{opacity:1;stroke-dashoffset:var(--nlen)}
 33%{opacity:0;stroke-dashoffset:var(--nlen)}
 100%{opacity:0;stroke-dashoffset:var(--nlen)}}
.ar-chispa{fill:#fff8e6;opacity:0;transform-box:fill-box;transform-origin:center;
 pointer-events:none;filter:blur(2px) drop-shadow(0 0 16px rgba(255,240,205,.9))}
.arbol.in .ar-chispa{animation:chispa 13s var(--f) ease-out infinite}
@keyframes chispa{
 0%{opacity:0;transform:scale(.45)}
 2%{opacity:.95;transform:scale(1.06)}
 10%{opacity:0;transform:scale(2.25)}
 100%{opacity:0;transform:scale(2.25)}}
@media (prefers-reduced-motion:reduce){
.geo-gir{animation:none}
.ar-chispa,.ar-chispazo,.ar-fulgor-h{display:none}
.arbol.in .ar-fulgor{animation:none;opacity:.42;stroke-dashoffset:0}
.ar-plato,.ar-geo,.ar-haz{opacity:1;transition:none}
}
.ar-daat-h{font-family:var(--heb);font-weight:700;font-size:17px;fill:var(--daatB);opacity:.85;
 text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#09070d;stroke-width:3.4}
.ar-daat-t{font-family:var(--head);font-style:italic;font-size:14px;fill:#A48CC4;opacity:.82;
 text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#09070d;stroke-width:3}
.ar-num{font-family:var(--label);font-weight:700;fill:#241804;text-anchor:middle;
 dominant-baseline:central;opacity:.6}
.ar-heb{font-family:var(--heb);font-weight:700;font-size:19px;fill:var(--gold);opacity:.74;
 dominant-baseline:central;paint-order:stroke;stroke:#09070d;stroke-width:3.4}
.ar-nom{font-family:var(--display);font-weight:400;font-size:12.5px;letter-spacing:.1em;
 fill:var(--ash);dominant-baseline:central;paint-order:stroke;stroke:#09070d;stroke-width:3}
.arbol.in .ar-cast.on{opacity:.28}
.ar-halo{fill:none;stroke:var(--goldB);stroke-width:1.5;stroke-dasharray:2 7;opacity:.9;
 filter:drop-shadow(0 0 6px rgba(232,200,126,.75))}
.ar-orb.on .ar-num{opacity:.86}
.ar-orb.on .ar-canto{stroke:#fff7e0;stroke-width:1.6;opacity:1;
 filter:drop-shadow(0 0 7px rgba(232,200,126,.85))}
.ar-orb.on .ar-heb{fill:var(--goldW);opacity:1;font-size:21px}
.ar-orb.on .ar-nom{fill:var(--goldB);opacity:1;font-size:13.5px}
.ar-orb.on .ar-aura{opacity:.36}
.arbol.in .ar-orb.on{animation:orbPop 1s var(--d) cubic-bezier(.22,.9,.3,1.15) forwards,
 respira 4.6s calc(var(--d) + 1.2s) ease-in-out infinite}
@keyframes respira{0%,100%{filter:none}50%{filter:brightness(1.12)}}
@media(max-width:759px){
.arbol{width:100%}
.ar-nom{font-size:19px}
.ar-orb.on .ar-nom{font-size:19px}
.ar-heb{font-size:26px}
.ar-orb.on .ar-heb{font-size:26px}
.ar-rot-t{font-size:18px;letter-spacing:.2em}
.ar-letras text{font-size:27px}
.ar-daat-h{font-size:23px}
.ar-daat-t{font-size:17px}
}

.escena{position:relative;z-index:3;padding:calc(66px + clamp(26px,5vh,64px)) 0 clamp(40px,7vh,90px)}
.wrap.eje{max-width:1120px}
.escena::before{content:"";position:absolute;left:0;right:0;top:0;height:min(148vh,1500px);
 z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 72% 44% at 50% 24%,rgba(9,7,13,.9) 0%,rgba(9,7,13,.72) 40%,rgba(9,7,13,0) 74%)}
.eje{display:flex;flex-direction:column;align-items:center;text-align:center}
.eje > *{width:100%}
.ceja{font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.28em;
 text-transform:uppercase;color:var(--ash)}
h1.titular{font-family:var(--head);font-weight:400;font-size:clamp(32px,7.2vw,62px);
 line-height:1.14;color:var(--cream);margin:18px auto 0;max-width:15em;text-wrap:balance}
.nb{white-space:nowrap}
h1.titular em{font-style:normal;color:var(--oro);text-shadow:0 0 38px rgba(232,200,126,.36)}
h2.seccion{font-family:var(--head);font-weight:400;font-size:clamp(26px,3.6vw,40px);
 line-height:1.24;color:var(--cream);margin:12px auto 20px;max-width:16em;text-wrap:balance}
h3.rotulo{font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.24em;
 text-transform:uppercase;color:var(--oro);margin:0 auto 12px}
p{font-family:var(--body);font-size:19px;line-height:1.78;color:var(--marfil);
 max-width:34em;margin-inline:auto;text-wrap:pretty}
p+p{margin-top:16px}
em{font-style:normal;color:var(--oro)}
b{font-weight:400;color:var(--cream)}
.bajada{font-size:19.5px;color:var(--marfil);margin-top:20px;max-width:30em}
.micro{margin-top:18px;font-size:16.5px;line-height:1.6;color:var(--dim);max-width:30em}
.micro b{color:var(--marfil)}
.filete{display:flex;align-items:center;gap:14px;margin:clamp(30px,5vh,52px) auto;
 max-width:36em;width:100%}
.filete::before,.filete::after{content:"";height:1px;background:var(--line2);flex:1}
.filete i{width:7px;height:7px;background:var(--daatB);transform:rotate(45deg);flex:none;
 box-shadow:0 0 14px rgba(169,107,232,.85)}
.forma{margin-top:clamp(28px,4.5vh,46px)}
.campos{display:grid;grid-template-columns:5rem 1fr 6.4rem;gap:11px;max-width:30rem;
 margin-inline:auto;text-align:left}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo label{font-family:var(--label);font-size:16px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--dim)}
.campo input,.campo select{
 -webkit-appearance:none;appearance:none;width:100%;min-height:58px;padding:0 14px;
 background:rgba(232,200,126,.05);color:var(--cream);
 
 border:1px solid var(--line2);border-radius:3px;
 font-family:var(--body);font-size:21px;line-height:1;
 transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.campo input{font-family:var(--label);font-weight:700;letter-spacing:.06em;text-align:center}
.campo select{padding-right:34px;
 background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
 background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);
 background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.campo select option{background:#120d1c;color:var(--cream)}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--goldB);
 background:rgba(232,200,126,.09);box-shadow:0 0 0 3px rgba(232,200,126,.16)}
.campo input:focus-visible,.campo select:focus-visible{outline:2px solid var(--goldB);outline-offset:2px}
.campo.mal input,.campo.mal select{border-color:#e08a72;background:rgba(224,138,114,.07)}
.error{display:none;margin:14px auto 0;font-size:18px;line-height:1.6;color:#f0a992;max-width:30em}
.error.ver{display:block}
.error.bien{color:#8fd8ab}
.acciones{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;
 margin-top:26px}
.cta-banda{margin:clamp(26px,4.4vh,42px) auto 0;max-width:34em}
.cta-pregunta{font-family:var(--head);font-style:italic;font-size:19px;line-height:1.45;
 color:var(--dim);margin:0 auto 14px;max-width:24em}
.cta-pie{font-family:var(--label);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
 color:var(--ash);margin-top:16px;max-width:none}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:13px;
 min-height:62px;padding:0 30px;cursor:pointer;
 
 font-family:var(--head);font-weight:400;font-size:26px;line-height:1;
 background:transparent;background-image:none;border-radius:2px;
 border:1px solid var(--line2);color:var(--oro);
 transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.boton:hover{border-color:var(--goldB);background:rgba(232,200,126,.07);
 box-shadow:0 0 40px rgba(232,200,126,.22)}
.boton:active{transform:translateY(1px)}
.boton:focus-visible{outline:2px solid var(--goldW);outline-offset:3px}
.boton[disabled]{opacity:.6;cursor:progress}
.boton.fantasma{min-height:48px;padding:0 20px;font-family:var(--label);font-weight:700;
 font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.boton.fantasma:hover{color:var(--oro);box-shadow:none}
.aviso{font-family:var(--head);font-style:italic;font-size:19px;line-height:1.66;
 color:var(--dim);max-width:32em;margin:clamp(28px,4.5vh,44px) auto 0}
.aviso b{font-style:normal;color:var(--cream)}
.lista{list-style:none;margin:20px auto 0;padding:0;max-width:30em;text-align:left}
.lista li{position:relative;padding-left:24px;margin-top:11px;font-size:18px;line-height:1.6;
 color:var(--marfil)}
.lista li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;
 background:var(--gold);transform:rotate(45deg);opacity:.7}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.enlace{display:inline-block;margin-top:18px;font-family:var(--label);font-size:15px;
 letter-spacing:.11em;color:var(--oro);border-bottom:1px solid var(--line2);padding-bottom:4px;
 transition:border-color .2s ease,color .2s ease}
.enlace:hover{color:var(--goldW);border-color:var(--goldB)}
.enlace:focus-visible{outline:2px solid var(--goldB);outline-offset:3px}
.pie{position:relative;z-index:2;margin-top:clamp(46px,8vh,96px);padding:34px 0 48px;
 border-top:1px solid var(--line);text-align:center}
.pie p{font-family:var(--label);font-size:13px;letter-spacing:.13em;color:var(--ash);max-width:none}
.pie .sellos{margin-bottom:12px}
.pie a{color:var(--gold);border-bottom:1px solid transparent}
.pie a:hover{border-color:var(--line2)}
.entra{opacity:0;transform:translateY(15px)}
@keyframes sube{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
.entra,body[data-estado="resultado"] .entra{animation:none;opacity:1;transform:none}
.arbol,.ar-halo,.ar-cast,.boton{transition:none}
}
@media(max-width:620px){
.campos{grid-template-columns:4.5rem 1fr 5.6rem;gap:9px}
.campo label{font-size:16px;letter-spacing:.1em}
.campo input,.campo select{font-size:20px;padding:0 10px}
.campo select{padding-right:30px;background-position:calc(100% - 16px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px)}
.boton{width:100%;padding:0 22px}
.boton.fantasma{width:auto;flex:1 1 auto}
.bajada{font-size:18px;margin-top:15px}
.escena{padding-top:calc(60px + 22px)}
}
@media(max-width:380px){
.campos{grid-template-columns:4.4rem 1fr}
.campo.anio{grid-column:1 / -1}
}
@media(max-width:820px){
.nav .links{display:none}
.nav .wrap{height:60px;justify-content:center}
.nav .mark .wm{font-size:12.5px}
.nav .mark .sello{width:34px;height:34px}
}
.nav.solid{background:rgba(9,7,13,.86)}
html{overflow-x:clip}
.boton.wa{border-color:rgba(62,220,114,.6);color:var(--cream);
 box-shadow:0 0 30px rgba(46,196,106,.16)}
.boton.wa:hover{border-color:#3ddc72;color:#fff;background:rgba(46,196,106,.1);
 box-shadow:0 0 46px rgba(46,196,106,.34)}
.boton.wa:focus-visible{outline-color:#7ef2a8}
.ico-wa{width:25px;height:25px;flex:none;fill:#3ddc72}
@media(max-width:620px){
.boton.wa{padding:0 18px}
}
#btn-calcular{font-size:29px;min-height:70px;padding:0 46px;
 border-color:rgba(232,200,126,.55);color:var(--goldB);
 background:linear-gradient(180deg,rgba(232,200,126,.13),rgba(232,200,126,.045));
 box-shadow:inset 0 0 34px rgba(232,200,126,.09),0 0 44px rgba(232,200,126,.16)}
#btn-calcular:hover{border-color:var(--goldB);color:var(--goldW);
 background:linear-gradient(180deg,rgba(232,200,126,.22),rgba(232,200,126,.08));
 box-shadow:inset 0 0 40px rgba(232,200,126,.14),0 0 66px rgba(232,200,126,.3)}
@media(max-width:620px){
#btn-calcular{font-size:25px;min-height:64px}
}


:root{--bg:#07050a;--carmin:#8a2432;--carminB:#b8445a;--carminT:#d77585;--sangre:rgba(138,36,50,.55)}
body{background:var(--bg)}


.bruma{position:absolute;left:0;right:0;top:0;height:min(260vh,2600px);z-index:1;pointer-events:none;
 background:
  radial-gradient(ellipse 60% 26% at 50% 56%,rgba(138,36,50,.22) 0%,rgba(138,36,50,.08) 46%,transparent 74%),
  radial-gradient(ellipse 40% 18% at 50% 12%,rgba(169,107,232,.07) 0%,transparent 70%)}

.escena{padding-top:calc(66px + clamp(28px,6vh,70px))}


.heroe{position:relative;z-index:3}
.sello-daat{width:clamp(88px,13vw,132px);margin:0 auto clamp(16px,3vh,28px);aspect-ratio:1;position:relative}
.sello-daat svg{width:100%;height:100%;overflow:visible;display:block}

h1.titular em{color:var(--carminT);text-shadow:0 0 42px rgba(184,68,90,.55)}


.identidad{display:flex;align-items:center;justify-content:center;gap:16px;max-width:none;
 font-family:var(--head);font-size:clamp(22px,3vw,30px);color:var(--cream);margin:0 auto}
.identidad .heb{font-family:var(--heb);font-weight:700;color:var(--oro);font-size:1.18em;
 text-shadow:0 0 30px rgba(232,200,126,.4)}
.identidad i{width:1px;height:1.2em;background:var(--line2)}
.identidad .esf{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;font-size:.78em}
.golpe .orden{font-family:var(--label);font-size:13px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--ash);margin:16px auto 0;max-width:none}
h1.palabra{font-family:'Cinzel Decorative','Cinzel',Georgia,serif;font-weight:700;
 font-size:clamp(42px,9.4vw,112px);line-height:1;letter-spacing:.04em;color:var(--cream);
 margin:clamp(18px,3vh,30px) auto 0;overflow-wrap:anywhere;
 text-shadow:0 0 60px rgba(184,68,90,.62),0 0 140px rgba(138,36,50,.5)}
h1.palabra.larga{font-size:clamp(34px,7.6vw,96px)}
.linea{font-family:var(--head);font-style:italic;font-size:clamp(21px,2.9vw,30px);line-height:1.45;
 color:var(--cream);max-width:24em;margin:clamp(22px,3.6vh,34px) auto 0;text-wrap:pretty}
.nota-decima{margin-top:18px}
body[data-estado="sombra"] .golpe > *{animation:emerge 1.1s cubic-bezier(.2,.8,.25,1) both}
body[data-estado="sombra"] .golpe > :nth-child(2){animation-delay:.12s}
body[data-estado="sombra"] .golpe > :nth-child(3){animation-delay:.28s}
body[data-estado="sombra"] .golpe > :nth-child(4){animation-delay:.5s}
@keyframes emerge{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}


.agua-caja{position:relative;z-index:2;width:min(560px,94vw);margin:clamp(20px,4vh,44px) auto 0}

.agua-caja::before{content:"";position:absolute;left:-18%;right:-18%;top:22%;bottom:-6%;z-index:-1;
 pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(138,36,50,.3) 0%,
 rgba(138,36,50,.12) 48%,transparent 72%)}
.escena::before{display:none}
.agua{width:100%;height:auto;display:block;overflow:visible}
.agua .aire line{stroke:var(--gold);stroke-width:2;stroke-opacity:.2;stroke-linecap:round}
.agua .n-aire{fill:rgba(9,7,13,.9);stroke:var(--gold);stroke-width:1.6;stroke-opacity:.34}
.agua .senda{stroke:#a96be8;stroke-width:3;stroke-opacity:.62;stroke-linecap:round;
 filter:drop-shadow(0 0 6px rgba(169,107,232,.55))}
.agua .n-agua{fill:#140a12;stroke:var(--goldB);stroke-width:2.2;stroke-opacity:.85;
 filter:drop-shadow(0 0 8px rgba(184,68,90,.55))}
.agua .n-agua-c{fill:var(--carminB);opacity:.9}
.agua .riza{stroke:var(--cream);stroke-width:1.2;stroke-opacity:.1;stroke-linecap:round;
 animation:riza 7s ease-in-out infinite;animation-delay:calc(var(--k) * -1.7s)}
@keyframes riza{0%,100%{stroke-opacity:.05;transform:translateX(0)}50%{stroke-opacity:.16;transform:translateX(10px)}}
.agua .orilla{stroke:url(#g-orilla);stroke-width:3.6;filter:drop-shadow(0 0 12px rgba(232,200,126,.85)) drop-shadow(0 0 30px rgba(232,200,126,.35))}
.agua .orilla2{stroke:var(--gold);stroke-width:1;stroke-opacity:.28}

.agua .reflejo{opacity:0;animation:hunde 2.2s .35s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes hunde{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}


.sol .gs0{stop-color:#e0707f;stop-opacity:.55}.sol .gs1{stop-color:#8a2432;stop-opacity:.28}
.sol .gs2{stop-color:#8a2432;stop-opacity:0}
.agua .gs0{stop-color:#e0707f;stop-opacity:.55}.agua .gs1{stop-color:#8a2432;stop-opacity:.26}
.agua .gs2{stop-color:#8a2432;stop-opacity:0}
.sol-aura{fill:url(#g-sol);transform-box:fill-box;transform-origin:center;animation:latir 5s ease-in-out infinite}
@keyframes latir{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
.sol-ray{stroke:var(--gold);stroke-width:1.5;opacity:.5}
.sol-ray.lg{stroke:var(--goldB);stroke-width:2.2;opacity:.95}
.sol-aro{fill:#120810;stroke:var(--goldB);stroke-width:2.4}
.sol-aro2{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:2.4 6;opacity:.6}
.sol .mfig{fill:none;stroke:#FDF6DF;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;
 filter:drop-shadow(0 0 5px rgba(253,246,223,.95)) drop-shadow(0 0 14px rgba(232,200,126,.7))}
.sol .mfig-f{fill:var(--goldW)}
.sol .mfig-2{fill:none;stroke:#8a6f3e;stroke-width:1.7;opacity:.55}
.sol .mfig-aro{fill:none;stroke:#8a6f3e;stroke-width:1.1;opacity:.42}
.sol-core{fill:url(#g-core);filter:drop-shadow(0 0 18px rgba(232,200,126,.7))}
.sol-pulso{fill:none;stroke:#e0707f;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;
 animation:emana 3.6s cubic-bezier(.2,.6,.35,1) infinite}
.sol-pulso.p1{animation-delay:1.8s}
@keyframes emana{0%{opacity:0;transform:scale(1);stroke-width:3}12%{opacity:.85}100%{opacity:0;transform:scale(3.2);stroke-width:.5}}
.sol{opacity:0;animation:prende 1.6s 1.4s cubic-bezier(.2,.85,.3,1) forwards}
@keyframes prende{0%{opacity:0}40%{opacity:1;filter:drop-shadow(0 0 30px rgba(255,247,224,.9))}100%{opacity:1}}


.bloque-sec{position:relative;z-index:3;margin-top:clamp(30px,5vh,60px)}


.puertas{list-style:none;margin:8px auto 0;padding:0;max-width:34em;text-align:left;counter-reset:p}
.puertas li{border-top:1px solid var(--line)}
.puertas li:last-child{border-bottom:1px solid var(--line)}
.puertas a{display:grid;grid-template-columns:4.8em 1fr auto;align-items:center;gap:14px;
 min-height:64px;padding:10px 6px;transition:background .25s ease}
.puertas a:hover,.puertas a:focus-visible{background:rgba(138,36,50,.12)}
.puertas a:focus-visible{outline:2px solid var(--carminT);outline-offset:2px}
.p-heb{font-family:var(--heb);font-weight:700;font-size:26px;color:var(--oro);text-align:center;line-height:1;white-space:nowrap}
.p-esf{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:20px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--cream)}
.p-pal{font-family:var(--head);font-style:italic;font-size:20px;color:var(--carminT)}
.p-pal::after{content:"";display:inline-block;width:8px;height:8px;margin-left:14px;vertical-align:2px;
 border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg);opacity:.7}

.puerta-decima{display:inline-flex;align-items:center;gap:16px;margin-top:26px;min-height:58px;
 padding:0 26px;border:1px solid rgba(184,68,90,.6);border-radius:2px;color:var(--cream);
 font-family:var(--head);font-size:24px;box-shadow:0 0 34px rgba(138,36,50,.28);
 transition:background .25s ease,box-shadow .25s ease}
.puerta-decima:hover{background:rgba(138,36,50,.16);box-shadow:0 0 50px rgba(184,68,90,.4)}
.puerta-decima:focus-visible{outline:2px solid var(--carminT);outline-offset:3px}
.puerta-decima .p-heb{font-size:24px}


.escena-par{margin:14px auto 0;width:min(1040px,100%);display:flex;flex-direction:column;align-items:center;
 position:relative;isolation:isolate}
.escena-par > div{position:relative;width:100%;overflow:hidden}
.escena-par img{width:100%;height:auto;display:block;will-change:transform}
.ep-mundo img{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
  linear-gradient(180deg,transparent 0%,#000 26%,#000 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
  linear-gradient(180deg,transparent 0%,#000 26%,#000 100%);
 mask-composite:intersect;
 animation:ep-deriva 26s ease-in-out infinite alternate}
.ep-agua img{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
  linear-gradient(180deg,#000 0%,#000 48%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),
  linear-gradient(180deg,#000 0%,#000 48%,transparent 100%);
 mask-composite:intersect;
 filter:saturate(.8) brightness(.9);
 animation:ep-deriva 26s ease-in-out infinite alternate-reverse}

.ep-agua::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
 background:radial-gradient(60% 55% at 50% 38%,rgba(138,36,50,.34),rgba(138,36,50,0) 70%)}
.ep-linea{height:2px;width:118%;margin:0 -9%;position:relative;z-index:2;
 background:linear-gradient(90deg,rgba(232,200,126,0) 0%,rgba(232,200,126,.55) 22%,#fff4d6 50%,rgba(232,200,126,.55) 78%,rgba(232,200,126,0) 100%);
 box-shadow:0 0 18px rgba(232,200,126,.55),0 0 60px rgba(194,72,92,.35)}

.ep-cap{position:relative;z-index:3;max-width:34em;margin:0 auto;padding:0 20px;text-align:center;
 font-family:var(--head);font-style:italic;font-size:clamp(18px,2vw,21px);line-height:1.5;color:var(--cream);text-wrap:balance}
.ep-cap span{display:block;margin-bottom:8px;font-family:var(--label);font-style:normal;font-size:12px;
 letter-spacing:.26em;text-transform:uppercase;color:var(--ash)}
.ep-cap-arriba{margin-bottom:-4px}
.ep-cap-abajo{margin-top:-6%;color:#e7d9d6}
.ep-cap-abajo span{color:var(--carminT)}
@keyframes ep-deriva{from{transform:scale(1.02) translateX(-.6%)}to{transform:scale(1.06) translateX(.6%)}}
@media (prefers-reduced-motion:reduce){.ep-mundo img,.ep-agua img{animation:none}}
@media(max-width:620px){
 .escena-par{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}
 .escena-par img{aspect-ratio:4/3;object-fit:cover}
 .ep-mundo img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 100%)}
 .ep-agua img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}
 .ep-cap-abajo{margin-top:-4%}
}

.lista.tres li::before{background:var(--carminB);opacity:1}
.otra{margin-top:22px}
.entrega .cta-banda{margin-top:22px}

@media (prefers-reduced-motion:reduce){
 .agua .reflejo,.sol{animation:none;opacity:1}
 .sol-aura,.sol-pulso,.agua .riza{animation:none}
 body[data-estado="sombra"] .golpe > *{animation:none}
}
@media(max-width:620px){
 .escena{padding-top:calc(60px + 24px)}
 .identidad{gap:12px}
 .puertas a{grid-template-columns:4.3em 1fr auto;gap:10px}
 .puertas .p-heb{font-size:21px}
 .p-esf{font-size:17px;letter-spacing:.07em}
 .p-pal{font-size:17px}
 .p-pal::after{margin-left:8px}
 .puerta-decima{font-size:21px;padding:0 18px}
 }


.nombres{display:grid;grid-template-columns:1fr;gap:30px;max-width:880px;margin:22px auto 0;text-align:left}
@media(min-width:760px){.nombres{grid-template-columns:1fr 1fr;column-gap:56px}}
.nom{border-top:1px solid var(--line2);padding-top:20px}
.nom .rotulo{font-family:var(--label);font-size:12px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;
 color:var(--oro);margin:0}
.nom-n{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(24px,2.6vw,30px);letter-spacing:.08em;
 line-height:1.25;color:var(--cream);margin:12px 0 0;max-width:none}
.nom-n em{font-style:normal;font-weight:400;color:var(--ash)}
.nom:last-child .nom-n{color:var(--carminT);text-shadow:0 0 30px rgba(184,68,90,.35)}
.nom-g{font-size:18px;line-height:1.62;color:var(--cream);margin:12px 0 0;max-width:none}
.nom cite{display:block;margin-top:14px;font-family:var(--label);font-style:normal;font-size:12px;
 letter-spacing:.04em;line-height:1.5;color:var(--ash)}
.nom cite i{font-style:italic}


.nota-rigor{max-width:880px;box-sizing:border-box;margin:34px auto 0;padding:4px 0 4px 22px;border-left:2px solid rgba(184,68,90,.55);
 font-size:16px;line-height:1.65;color:#c9c2b6;text-align:left}
.nota-rigor span{display:block;margin-bottom:8px;font-family:var(--label);font-size:12px;letter-spacing:.26em;
 text-transform:uppercase;color:var(--carminT)}


.objeto{margin:18px auto 0;display:flex;flex-direction:column;align-items:center}
.obj-img{position:relative;width:min(380px,72vw);aspect-ratio:1}
.obj-img::before{content:"";position:absolute;inset:-12%;z-index:-1;pointer-events:none;
 background:radial-gradient(closest-side,rgba(184,68,90,.34),rgba(138,36,50,.14) 55%,transparent 100%);
 animation:latir 6s ease-in-out infinite}
.obj-img img{width:100%;height:100%;object-fit:contain;display:block;
 filter:drop-shadow(0 22px 36px rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(232,200,126,.18))}
.objeto figcaption{margin-top:18px;text-align:center}
.objeto-n{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:.1em;
 text-transform:uppercase;color:var(--oro);margin:0 auto;max-width:none}
.objeto-l{font-family:var(--head);font-style:italic;font-size:clamp(20px,2.4vw,25px);line-height:1.5;color:var(--cream);
 max-width:26em;margin:14px auto 0;text-wrap:balance}


.agua .aire-q1{opacity:.3;filter:grayscale(.5) brightness(.75)}
.agua .reflejo image{filter:saturate(1.05) drop-shadow(0 0 18px rgba(138,36,50,.35))}

.heroe .bajada{font-family:var(--head);font-style:italic;font-size:clamp(20px,2.4vw,26px);line-height:1.5;
 color:var(--cream);max-width:26em;margin:18px auto 0;text-wrap:balance}


.hx + main.escena,.px + main.escena{padding-top:0}
.hx,.px{position:relative;z-index:3;isolation:isolate;overflow:hidden}
.hx::after,.px::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;pointer-events:none;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}


.hx{min-height:100svh;max-height:1100px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;
 gap:clamp(24px,4vw,64px);padding:96px clamp(16px,7vw,120px) 48px}
.hx::before{content:"";position:absolute;inset:0;z-index:-2;
 background:radial-gradient(55% 60% at 72% 78%,rgba(138,36,50,.42),rgba(138,36,50,.12) 45%,transparent 72%),
  radial-gradient(40% 35% at 72% 18%,rgba(169,107,232,.10),transparent 70%)}
.hx-texto{position:relative;z-index:3;max-width:660px;text-align:left}
.hx-identidad{display:flex;align-items:center;gap:18px;margin:0;max-width:none;opacity:0;animation:x-sube 1s .2s cubic-bezier(.2,.8,.25,1) forwards}
.hx-identidad .heb{font-family:var(--heb);font-weight:700;font-size:clamp(30px,3.2vw,44px);color:var(--oroB,#E8C87E);text-shadow:0 0 30px rgba(232,200,126,.45)}
.hx-identidad i{width:1px;height:38px;background:linear-gradient(180deg,transparent,rgba(201,168,107,.6),transparent)}
.hx-identidad .esf{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.18em;font-size:clamp(20px,2vw,28px);text-transform:uppercase;color:var(--cream)}
.hx-orden{margin:18px 0 0;max-width:none;font-family:var(--label);font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--carminT);
 opacity:0;animation:x-sube 1s .35s cubic-bezier(.2,.8,.25,1) forwards}
.hx-palabra{margin:22px 0 0;font-family:'Cinzel Decorative','Cinzel',Georgia,serif;font-weight:700;line-height:.98;letter-spacing:.03em;
 font-size:clamp(46px,7.2vw,112px);color:#F7EFDC;white-space:nowrap;
 text-shadow:0 0 50px rgba(184,68,90,.7),0 0 140px rgba(138,36,50,.55);opacity:0;animation:x-arde 1.6s .55s cubic-bezier(.2,.8,.25,1) forwards}
.hx-palabra.larga{font-size:clamp(36px,5.3vw,84px)}
.hx-filete{margin-top:28px;height:1px;width:0;background:linear-gradient(90deg,var(--oroB,#E8C87E),rgba(232,200,126,0));animation:x-traza 1.2s 1.1s cubic-bezier(.6,0,.2,1) forwards}
.hx-linea{margin:26px 0 0;font-family:var(--head);font-style:italic;font-size:clamp(20px,1.9vw,27px);line-height:1.5;max-width:28em;color:var(--cream);
 opacity:0;animation:x-sube 1.2s 1.3s cubic-bezier(.2,.8,.25,1) forwards;text-wrap:pretty}
.hx-texto .nota-decima{margin:18px 0 0;text-align:left;opacity:0;animation:x-sube 1s 1.6s forwards}
.hx-baja{margin:34px 0 0;display:inline-flex;align-items:center;gap:12px;font-family:var(--label);font-size:12px;letter-spacing:.24em;
 text-transform:uppercase;color:var(--ash);opacity:0;animation:x-sube 1s 2.2s forwards}
.hx-baja::after{content:"";width:1px;height:28px;background:linear-gradient(180deg,var(--oroB,#E8C87E),transparent);animation:x-gota 2.4s 3s ease-in-out infinite}
.hx-espejo{position:relative;z-index:2;justify-self:center;display:flex;flex-direction:column;align-items:center;padding-top:10px}
.hx-arriba,.hx-abajo{position:relative;overflow:hidden}
.hx-arriba img,.hx-abajo img{display:block;height:min(42svh,460px);width:auto;max-width:100%}
.hx-arriba{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 100%),linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent);
 -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 100%),linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent);
 mask-composite:intersect;opacity:0;animation:x-aparece 1.6s .4s ease-out forwards}
.hx-arriba img{filter:saturate(.9) brightness(.92)}
.hx-abajo{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%),linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent);
 -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%),linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent);
 mask-composite:intersect;opacity:0;transform:translateY(-18px);animation:x-hunde 2.2s 1.5s cubic-bezier(.2,.7,.2,1) forwards}
.hx-abajo img{filter:url(#x-onda) saturate(.85) brightness(.95)}
.hx-abajo::after{content:"";position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;
 background:radial-gradient(55% 40% at 50% 78%,rgba(184,68,90,.45),rgba(138,36,50,.12) 60%,transparent 82%);animation:x-late 6s 3s ease-in-out infinite}
.hx-agua{position:relative;width:150%;height:2px;margin:0 -25%;z-index:3;transform:scaleX(0);animation:x-abre 1.4s 1.2s cubic-bezier(.6,0,.2,1) forwards;
 background:linear-gradient(90deg,rgba(232,200,126,0),rgba(232,200,126,.6) 20%,#fff6dc 50%,rgba(232,200,126,.6) 80%,rgba(232,200,126,0));
 box-shadow:0 0 16px rgba(232,200,126,.8),0 0 60px rgba(232,200,126,.35),0 0 120px rgba(184,68,90,.35)}
.hx-agua::after{content:"";position:absolute;top:-1px;left:0;width:18%;height:4px;filter:blur(3px);background:linear-gradient(90deg,transparent,#fff,transparent);
 animation:x-brillo 5s 3s ease-in-out infinite}
.hx-rot{position:absolute;left:calc(50% + 150px);font-family:var(--label);font-size:11px;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;
 opacity:0;animation:x-sube 1s 2.6s forwards}
.hx-rot.a{top:-26px;color:var(--ash)}.hx-rot.b{top:12px;color:var(--carminT)}
.hx-brasas,.px-brasas{position:absolute;pointer-events:none;z-index:4}
.hx-brasas{left:0;right:0;top:48%;height:52%}
.hx-brasas i,.px-brasas i{position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:#ffb4a0;box-shadow:0 0 8px #e0707f;opacity:0;animation:x-brasa linear infinite}



.px{--H:calc(66px + clamp(64px,10svh,112px));--T:clamp(560px,calc(100svh - var(--H) - 20px),880px);--X:70%;
 min-height:max(100svh,calc(var(--H) + var(--T) + 20px))}
.px::before{content:"";position:absolute;inset:0;z-index:-2;
 background:radial-gradient(40% 30% at 24% 22%,rgba(169,107,232,.10),transparent 70%),
  radial-gradient(46% 60% at var(--X) calc(var(--H) + 30svh),rgba(138,36,50,.44),rgba(138,36,50,.10) 50%,transparent 75%)}
.px-polvo{position:absolute;left:0;right:0;top:0;height:var(--H);z-index:-1;pointer-events:none;opacity:.7;animation:x-titila 7s ease-in-out infinite;
 background-image:radial-gradient(1px 1px at 12% 22%,#e8d9b8 50%,transparent),radial-gradient(1px 1px at 78% 14%,#e8d9b8 50%,transparent),
  radial-gradient(1.2px 1.2px at 64% 34%,#fff 50%,transparent),radial-gradient(1px 1px at 31% 41%,#d9c8a3 50%,transparent),
  radial-gradient(1px 1px at 88% 44%,#fff 50%,transparent),radial-gradient(1.3px 1.3px at 22% 64%,#e8d9b8 50%,transparent),
  radial-gradient(1px 1px at 52% 8%,#fff 50%,transparent),radial-gradient(1px 1px at 93% 70%,#e8d9b8 50%,transparent)}
.px-hepta{position:absolute;left:calc(max(5vw,(100vw - 1320px) / 2) + min(300px,21vw));top:calc(66px + 190px);width:min(640px,52vw);aspect-ratio:1;
 transform:translate(-50%,-50%);z-index:0;opacity:0;animation:x-aparece 3s .2s ease-out forwards;pointer-events:none}
.px-hepta svg{width:100%;height:100%;animation:x-gira 240s linear infinite}
.px-izq{position:relative;z-index:6;width:min(600px,46vw);margin-left:max(5vw,calc((100vw - 1320px) / 2));
 padding:calc(66px + clamp(18px,3.4svh,44px)) 0 40px}
.px-ceja{margin:0;max-width:none;font-family:var(--label);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--carminT);opacity:0;animation:x-sube 1s .3s forwards}
.px-titular{margin:0;font-weight:inherit}
.px-t1{display:block;margin-top:clamp(12px,2svh,22px);font-family:var(--head);font-weight:500;font-size:clamp(32px,3.1vw,48px);line-height:1;color:#F3EAD6;
 opacity:0;animation:x-sube 1.1s .5s cubic-bezier(.2,.8,.25,1) forwards}
.px-t2{display:flex;flex-direction:column;align-items:flex-start;margin-top:clamp(4px,1svh,10px);opacity:0;animation:x-sube 1.2s .9s cubic-bezier(.2,.8,.25,1) forwards}
.px-t2 i{font-family:var(--head);font-style:italic;font-size:clamp(28px,2.8vw,44px);line-height:1.1;color:#e9dcc2}
.px-t2 b{font-family:'Cinzel Decorative','Cinzel',Georgia,serif;font-weight:700;font-size:clamp(60px,6.3vw,100px);line-height:.95;letter-spacing:.04em;color:var(--carminT);
 margin-left:-.04em;text-shadow:0 0 50px rgba(184,68,90,.75),0 0 130px rgba(138,36,50,.6);animation:x-arde 2.4s 1s cubic-bezier(.2,.8,.25,1) both}
.px-orna{display:flex;align-items:center;gap:14px;margin-top:clamp(14px,2.4svh,24px);opacity:0;animation:x-sube 1s 1.6s forwards}
.px-orna i{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--oroB,#E8C87E));animation:x-traza2 1.2s 1.7s cubic-bezier(.6,0,.2,1) forwards}
.px-orna i:first-child{display:none}
.px-orna i:last-child{background:linear-gradient(90deg,var(--oroB,#E8C87E),transparent)}
.px-orna b{order:-1;width:7px;height:7px;transform:rotate(45deg);background:var(--oroB,#E8C87E);box-shadow:0 0 12px var(--oroB,#E8C87E)}

.px-sel{margin-top:clamp(14px,2.2svh,24px);opacity:0;animation:x-sube 1s 2.2s forwards}
.px-bajada{margin:0;max-width:30em;font-family:var(--head);font-style:italic;font-size:clamp(19px,1.5vw,22px);line-height:1.45;color:#dcd2bf;max-width:560px;text-wrap:balance}
.px-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:560px}
.px-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid rgba(201,168,107,.26);color:#e9dcc2;text-decoration:none;
 font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;transition:border-color .25s,background .25s,box-shadow .25s,color .25s}
.px-chip b{font-family:var(--label);font-weight:400;font-size:12px;letter-spacing:0;color:var(--carminT)}
.px-chip:hover,.px-chip:focus-visible{border-color:rgba(232,200,126,.7);outline:none}
.px-chip.on{border-color:rgba(215,117,133,.85);background:rgba(138,36,50,.28);color:#fff4e4;box-shadow:0 0 26px rgba(184,68,90,.35)}
.px-ficha{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin-top:18px;padding:16px 0;max-width:580px}
.px-ficha[hidden]{display:none}
.px-ficha::before,.px-ficha::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(232,200,126,.55),rgba(232,200,126,0))}
.px-ficha::before{top:0}.px-ficha::after{bottom:0}
.px-cierra{display:none}
.px-retrato{position:relative;width:150px;overflow:hidden;aspect-ratio:900/1030;align-self:start}
.px-retrato{background:radial-gradient(circle,rgba(184,68,90,.45),transparent 70%)}
.px-retrato{-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 50%,transparent 100%)}
.px-retrato img{width:100%;height:100%;object-fit:cover;display:block}
.px-ficha.cambia .px-retrato img,.px-ficha.cambia .px-dice{animation:x-cambia .7s cubic-bezier(.2,.8,.25,1)}
.pf-quien{margin:0;display:flex;align-items:center;gap:12px;font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:#F1E7CE}
.pf-quien .heb{font-family:'Frank Ruhl Libre',Georgia,serif;letter-spacing:0;font-size:26px;color:var(--oroB,#E8C87E);text-shadow:0 0 18px rgba(232,200,126,.4)}
.pf-quien i{width:1px;height:22px;background:rgba(201,168,107,.5)}
.pf-orden{margin:6px 0 0;font-family:var(--label);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}
.pf-palabra{margin:8px 0 0;font-family:'Cinzel Decorative','Cinzel',Georgia,serif;font-weight:700;font-size:clamp(30px,2.6vw,42px);line-height:1;letter-spacing:.03em;color:#F6EEDA;
 text-shadow:0 0 30px rgba(184,68,90,.8),0 0 80px rgba(138,36,50,.6);overflow-wrap:anywhere}
.pf-dato{margin:10px 0 0;display:flex;gap:10px;align-items:baseline;font-family:var(--head);font-size:19px;line-height:1.3;color:#e3d8c3}
.pf-dato + .pf-dato{margin-top:4px}
.pf-dato span{flex:none;min-width:5.6em;font-family:var(--label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--carminT)}
.pf-dato b{font-weight:500;font-style:italic}
.pf-acc{margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.pf-entra{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid rgba(215,117,133,.7);color:var(--cream);text-decoration:none;
 font-family:var(--head);font-size:19px;background:rgba(138,36,50,.22);box-shadow:0 0 34px rgba(138,36,50,.35);transition:background .25s,box-shadow .25s}
.pf-entra b{font-weight:600;margin-left:.3em}
.pf-entra::after{content:"→";margin-left:10px;transition:transform .25s}
.pf-entra:hover{background:rgba(138,36,50,.4);box-shadow:0 0 50px rgba(184,68,90,.5)}.pf-entra:hover::after{transform:translateX(4px)}
.pf-duda{font-family:var(--head);font-style:italic;font-size:17px;color:#cbbfa8;text-decoration:underline;text-decoration-color:rgba(201,168,107,.4);text-underline-offset:4px}
.px-nosabe{display:none;margin:14px 0 0;font-family:var(--head);font-size:18px;color:#bfb49f}
.px-nosabe a{color:var(--oroB,#E8C87E);text-decoration:underline;text-decoration-color:rgba(232,200,126,.4);text-underline-offset:4px}

.px-der{position:absolute;inset:0;z-index:2;pointer-events:none}
.px-horizonte{position:absolute;left:34%;right:0;top:var(--H);height:2px;z-index:5;transform:scaleX(0);transform-origin:right;animation:x-abre 1.6s 1.2s cubic-bezier(.6,0,.2,1) forwards;
 background:linear-gradient(90deg,rgba(232,200,126,0),rgba(255,244,214,.95) 45%,#fff4d6 70%,rgba(232,200,126,.5));box-shadow:0 0 18px rgba(232,200,126,.65),0 0 60px rgba(232,200,126,.25)}
.px-horizonte::after{content:"";position:absolute;top:-1px;height:4px;width:14%;filter:blur(3px);background:linear-gradient(90deg,transparent,#fff,transparent);animation:x-brillo 6s 3.5s ease-in-out infinite}
.px-haces{position:absolute;left:var(--X);top:var(--H);width:min(760px,60vw);height:46svh;transform:translateX(-50%);z-index:1;
 background:radial-gradient(50% 100% at 50% 0,rgba(232,200,126,.16),transparent 70%);opacity:0;animation:x-aparece 3s 1.8s forwards}
.px-ondas{position:absolute;left:var(--X);top:var(--H);width:min(900px,66vw);transform:translate(-50%,-50%);z-index:3;opacity:0;animation:x-aparece 2s 2s forwards}
.px-ondas svg{width:100%;height:auto;display:block}
.px-ondas ellipse{fill:none;stroke:#E8C87E;transform-origin:0 0;animation:x-onda 7s ease-out infinite}
.px-arbol{position:absolute;left:var(--X);top:calc(var(--H) + 6px);transform:translateX(-50%);height:var(--T);aspect-ratio:760/1358;z-index:2;pointer-events:auto}
.px-arbol .img{height:100%;opacity:0;transform:translateY(-16px);animation:x-hunde 2.4s 1.6s cubic-bezier(.2,.7,.2,1) forwards;
 -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}
.px-arbol .img img{height:100%;width:auto;display:block;filter:url(#x-onda) drop-shadow(0 0 34px rgba(138,36,50,.55))}
.px-nodo{position:absolute;transform:translate(-50%,-50%);width:15.6%;aspect-ratio:1;border-radius:50%;z-index:6;text-decoration:none;opacity:0;
 animation:x-enciende 1.2s forwards;animation-delay:var(--d);-webkit-tap-highlight-color:transparent}
.px-nodo::before{content:"";position:absolute;inset:-40%;border-radius:50%;mix-blend-mode:screen;pointer-events:none;
 background:radial-gradient(circle,rgba(255,210,200,.6),rgba(184,68,90,.38) 35%,rgba(138,36,50,0) 70%);animation:x-late 5s ease-in-out infinite;animation-delay:var(--d)}
.px-nodo::after{content:"";position:absolute;inset:6%;border-radius:50%;border:1.5px solid transparent;transition:border-color .3s,box-shadow .3s}
.px-nodo:hover::after,.px-nodo:focus-visible::after,.px-nodo.on::after{border-color:rgba(232,200,126,.95);box-shadow:0 0 26px rgba(232,200,126,.65),inset 0 0 18px rgba(232,200,126,.35)}
.px-nodo.on::before{background:radial-gradient(circle,rgba(255,236,220,.9),rgba(215,117,133,.55) 35%,rgba(138,36,50,0) 72%);inset:-60%}
.px-nodo:focus-visible{outline:none}
.px-nodo span{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s;
 font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);text-shadow:0 0 14px #000,0 0 4px #000}
.px-nodo span em{display:block;font-family:var(--head);font-style:italic;font-weight:500;letter-spacing:0;text-transform:none;font-size:19px;color:var(--carminT)}
.px-nodo.der span{left:calc(100% + 16px)}.px-nodo.izq span{right:calc(100% + 16px);text-align:right}
.px-nodo:hover span,.px-nodo:focus-visible span,.px-nodo.on span{opacity:1}
.px-brasas{left:var(--X);top:var(--H);width:min(600px,44vw);height:60svh;transform:translateX(-50%)}
.px-brasas i{top:0;bottom:auto}
.px-pista{position:absolute;left:var(--X);top:calc(var(--H) - 34px);transform:translateX(-50%);margin:0;white-space:nowrap;font-family:var(--label);font-size:12px;letter-spacing:.3em;
 text-transform:uppercase;color:var(--ash);opacity:0;animation:x-sube 1s 3.4s forwards;display:none}
@keyframes x-cambia{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.px-retrato img{transform:translateY(10%) scale(1.4,-1.4)}
.px-ficha.cambia .px-retrato img{animation-name:x-cambia-img}
@keyframes x-cambia-img{from{opacity:0;transform:translateY(13%) scale(1.4,-1.4)}to{opacity:1;transform:translateY(10%) scale(1.4,-1.4)}}

@keyframes x-sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes x-arde{0%{opacity:0;filter:blur(9px);letter-spacing:.13em}60%{opacity:1}100%{opacity:1;filter:none;letter-spacing:.035em}}
@keyframes x-traza{to{width:240px}}
@keyframes x-traza2{to{width:min(200px,24vw)}}
@keyframes x-aparece{from{opacity:0}to{opacity:1}}
@keyframes x-hunde{to{opacity:1;transform:none}}
@keyframes x-abre{to{transform:scaleX(1)}}
@keyframes x-brillo{0%{left:-20%;opacity:0}20%{opacity:1}60%{left:100%;opacity:0}100%{left:100%;opacity:0}}
@keyframes x-late{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes x-gota{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1)}}
@keyframes x-brasa{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-340px)}}
@keyframes x-gira{to{transform:rotate(360deg)}}
@keyframes x-titila{50%{opacity:.35}}
@keyframes x-onda{0%{opacity:0;transform:scale(.4)}15%{opacity:.5}100%{opacity:0;transform:scale(1.25)}}
@keyframes x-enciende{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.hx *,.px *,.hx-baja::after,.hx-agua::after,.px-horizonte::after{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}}
@media (max-width:860px){
 .hx{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:92px;text-align:center;max-height:none}
 .hx-texto{display:contents}
 .hx-identidad{order:1;justify-content:center}.hx-orden{order:2;text-align:center}.hx-palabra{order:3;font-size:clamp(40px,12vw,72px);text-align:center}
 .hx-palabra.larga{font-size:clamp(32px,9.6vw,58px)}
 .hx-filete{order:4;margin:18px auto 0}.hx-espejo{order:5;margin-top:6px}.hx-linea{order:6;margin:10px auto 0;text-align:center}
 .hx-texto .nota-decima{order:7;text-align:center}.hx-baja{order:8;margin:18px auto 0}
 .hx-arriba img,.hx-abajo img{height:min(30svh,280px)} .hx-rot{left:auto;right:4px}
}

@media (min-width:980px){
 .px-hepta{display:none}
 .px-ondas ellipse:nth-child(n+3){display:none}
 .px-ondas{opacity:.6}
 .px-brasas i:nth-child(n+11){display:none}
 .px-chips{gap:4px 18px;margin-top:16px}
 .px-chip{min-height:30px;padding:0;border:0;gap:6px;font-size:13px;color:#b9ad97;background:none;box-shadow:none;position:relative}
 .px-chip::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--carminT);transform:scaleX(0);transform-origin:left;transition:transform .3s}
 .px-chip:hover,.px-chip:focus-visible{color:#F1E7CE}
 .px-chip.on{background:none;box-shadow:none;color:#fff4e4}.px-chip.on::after{transform:scaleX(1)}
 .px-ficha::after{display:none}
 .px-arbol .px-nodo::before{opacity:.45;animation:none}
 .px-arbol .px-nodo.on::before,.px-arbol .px-nodo:hover::before{opacity:1}
}
@media (min-width:980px) and (max-height:820px){   
 .px-bajada{display:none} .px-t1{font-size:clamp(30px,2.8vw,40px)} .px-t2 i{font-size:clamp(24px,2.3vw,34px)}
 .px-t2 b{font-size:clamp(56px,5.6vw,84px)} .px-chips{margin-top:0} .px-orna{margin-top:12px}
}
@media (max-width:979px){
 .px{--H:22px;--T:min(60svh,500px);--X:50%;display:flex;flex-direction:column;min-height:0}
 .px::before{background:radial-gradient(60% 30% at 50% 10%,rgba(169,107,232,.10),transparent 70%),
  radial-gradient(90% 40% at 50% 62%,rgba(138,36,50,.42),rgba(138,36,50,.10) 50%,transparent 75%)}
 .px-izq{display:contents}
 .px-cabeza{order:1;text-align:center;padding:calc(66px + 30px) 16px 0}
 .px-ceja{letter-spacing:.2em;font-size:12px}
 .px-t2{align-items:center}.px-t2 b{font-size:clamp(56px,16vw,96px);margin-left:0}
 .px-orna{justify-content:center}.px-orna i:first-child{display:block}.px-orna b{order:0}
 .px-hepta{left:50%;top:calc(66px + 170px);width:min(560px,96vw)}
 .px-polvo{height:420px}
 .px-der{order:2;position:relative;inset:auto;height:calc(var(--H) + var(--T) - 30px);margin-top:18px}
 .px-horizonte{left:0;transform-origin:center}
 .px-haces{width:120vw}.px-ondas{width:130vw}.px-brasas{width:90vw}
 .px-pista{display:none}
 .px-sel{order:3;text-align:center;padding:0 16px 56px;margin-top:0;animation-name:x-aparece;position:relative;z-index:7}  
 .px-bajada{margin:0 auto}
 .px-chips{justify-content:center;margin:18px auto 0}
 .px-chip{min-height:44px}
 .px-nosabe{display:block;text-align:center}
 .px-nodo span{font-size:13px}.px-nodo span em{font-size:16px}
 .px-nodo span,.px-nodo.on span,.px-nodo:hover span{display:none}
 
 .px-ficha{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;max-width:none;grid-template-columns:92px minmax(0,1fr);gap:16px;text-align:left;
  padding:20px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#14090d,#090508);
  box-shadow:0 -20px 60px rgba(0,0,0,.7);transform:translateY(110%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.25,1),visibility 0s .45s}
 .px-ficha::after{display:none}
 .px-ficha::before{background:linear-gradient(90deg,rgba(232,200,126,0),rgba(232,200,126,.8),rgba(232,200,126,0))}
 .px.sel{z-index:49}   
 .px.sel .px-ficha{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.25,1)}
 .px-cierra{display:block;position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:none;color:#cbbfa8;font-size:28px;line-height:1;cursor:pointer}
 .px-retrato{width:92px}
 .pf-quien{font-size:14px;padding-right:36px}.pf-quien .heb{font-size:21px}
 .pf-palabra{font-size:clamp(26px,8vw,34px)}
 .pf-orden{letter-spacing:.14em;font-size:10px}
 .pf-dato{font-size:17px}.pf-dato span{min-width:5.2em;font-size:10px}
 .pf-acc{margin-top:12px;gap:8px 14px}
 .pf-entra{min-height:48px;font-size:18px;padding:0 16px}
 .pf-duda{font-size:16px}
}
@media (max-width:400px){.px-ficha{grid-template-columns:72px minmax(0,1fr)}.px-retrato{width:72px}}