: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}
}
.cif{font-family:var(--cifras);font-weight:500;letter-spacing:.02em}
.eyebrow{font-family:var(--label);font-weight:600;letter-spacing:.26em;text-transform:uppercase;font-size:14px;color:var(--ash)}
.shine{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.3'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff8e6 0%,var(--cream) 34%,var(--goldB) 100%);
 background-blend-mode:soft-light,normal;background-size:180px 180px,100% auto;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.shine.viva{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='v'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23v)' opacity='.3'/%3E%3C/svg%3E"),linear-gradient(100deg,var(--cream) 0%,var(--cream) 22%,var(--goldW) 38%,var(--goldB) 50%,var(--cream) 66%,var(--cream) 100%);background-blend-mode:soft-light,normal;background-size:180px 180px,220% auto;animation:shimmer 7s linear infinite}
.dia{width:13px;height:13px;fill:var(--goldB);filter:drop-shadow(0 0 4px rgba(232,200,126,.5))}
.flourish{display:flex;align-items:center;justify-content:center;gap:14px}
.flourish span{height:1px;width:clamp(52px,9vw,110px);background:linear-gradient(to right,transparent,var(--gold))}
.flourish span:last-child{background:linear-gradient(to left,transparent,var(--gold))}
.filete{height:1px;border:0;background:linear-gradient(to right,transparent,var(--line2) 22%,var(--line2) 78%,transparent)}
.barra{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;padding:11px 16px calc(11px + env(safe-area-inset-bottom));
 background:linear-gradient(180deg,rgba(9,7,13,.72),rgba(9,7,13,.97));backdrop-filter:blur(10px);border-top:1px solid var(--line);
 transform:translateY(110%);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.barra.ver{transform:none}
.barra .btn{width:100%;justify-content:center;font-size:12px;padding:15px 14px;letter-spacing:.1em}
@media(max-width:820px){
.barra{display:block}
}

.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}
@media (prefers-reduced-motion:reduce){
.arbol,.ar-halo,.ar-cast,.boton{transition:none}
}
@media(max-width:620px){
.boton{width:100%;padding:0 22px}
.boton.fantasma{width:auto;flex:1 1 auto}
}
.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}
}


.wrap{max-width:1120px}
.nav .wrap{max-width:none;padding:0 clamp(16px,4vw,48px)}

.cielo{position:relative;z-index:3;height:max(100svh,720px);overflow:hidden;isolation:isolate}
.plancha{position:absolute;z-index:0;
 --PW:118vw;width:var(--PW);height:calc(var(--PW) * .5647);
 
 left:calc(70vw - var(--PW) * .680);top:calc(52svh - var(--PW) * .5647 * .458)}
.plancha>img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;animation:aparece 2.2s ease-out both}
.plancha::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(60% 70% at 18% 45%,rgba(9,7,13,.72),transparent 70%)}
.plancha::before{content:"";position:absolute;left:0;right:0;top:0;height:14%;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--bg),transparent)}
.cielo::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg))}
@keyframes aparece{from{opacity:0}to{opacity:1}}


.rueda{position:absolute;left:68%;top:45.8%;width:27.5%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3}
.rueda .gira{position:absolute;inset:0;transform:rotate(var(--rot,0deg));transition:transform 2.6s cubic-bezier(.45,0,.2,1)}
.rueda .plato{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(138,107,209,.28));animation:aparece 1.6s .3s ease-out both}
.varilla{position:absolute;height:0;transform-origin:0 0}
.varilla i{position:absolute;top:calc(var(--th) / -2);height:var(--th);width:0;
 background:url(/planetas/_assets/varilla.webp) left center/100% 100% no-repeat;
 filter:brightness(1.35) drop-shadow(0 0 calc(var(--th) * 1.6) rgba(243,220,160,.55));
 animation:traza .5s cubic-bezier(.6,0,.3,1) forwards;animation-delay:var(--d)}
@keyframes traza{to{width:var(--w)}}

.astro{position:absolute;width:15.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:2;-webkit-tap-highlight-color:transparent;cursor:pointer}
.astro .der{position:absolute;inset:0;transform:rotate(calc(var(--rot,0deg) * -1));transition:transform 2.6s cubic-bezier(.45,0,.2,1)}
.astro .halo{position:absolute;inset:-28%;border-radius:50%;mix-blend-mode:screen;opacity:0;
 background:radial-gradient(circle,color-mix(in srgb,var(--c) 75%,transparent) 0%,color-mix(in srgb,var(--c) 35%,transparent) 42%,transparent 70%);
 animation:enciende 1s forwards;animation-delay:var(--e)}
.astro img{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;opacity:0;
 filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 16px color-mix(in srgb,var(--c) 75%,transparent));
 animation:enciende 1s forwards;animation-delay:var(--e);transition:transform .35s cubic-bezier(.2,.8,.25,1)}
@keyframes enciende{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
.astro::after{content:"";position:absolute;inset:6%;border-radius:50%;border:1.5px solid transparent;transition:border-color .3s,box-shadow .3s}
.astro:hover::after,.astro:focus-visible::after,.astro.on::after{border-color:rgba(232,200,126,.95);box-shadow:0 0 26px rgba(232,200,126,.6),inset 0 0 14px rgba(232,200,126,.3)}
.astro:hover img,.astro.on img{transform:scale(1.12)}
.astro.on .halo{inset:-55%}
.astro:focus-visible{outline:none}


.cielo .txt{position:absolute;z-index:6;left:max(5vw,calc((100vw - 1320px) / 2));top:calc(66px + clamp(40px,9svh,110px));width:min(560px,44vw)}
.ceja{margin:0;font-family:var(--label);font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);opacity:0;animation:sube 1s .3s forwards}
.cielo h1{margin-top:clamp(14px,2.4svh,24px);font-family:var(--head);font-weight:600;font-size:clamp(40px,3.9vw,60px);line-height:1.08;color:#F3EAD6;text-wrap:balance;opacity:0;animation:sube 1.1s .5s forwards}
.cielo h1 .g{display:block;font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.04em;font-size:.86em;margin-top:.2em;
 color:var(--goldB);text-shadow:0 0 40px rgba(232,200,126,.35)}
.orna{display:flex;align-items:center;gap:12px;margin-top:clamp(16px,2.6svh,26px);opacity:0;animation:sube 1s 1.1s forwards}
.orna b{width:7px;height:7px;transform:rotate(45deg);background:var(--goldB);box-shadow:0 0 12px var(--goldB)}
.orna i{height:1px;width:min(200px,24vw);background:linear-gradient(90deg,var(--goldB),transparent)}
.bajada{margin-top:clamp(14px,2.2svh,22px);font-family:var(--head);font-style:italic;font-size:clamp(21px,1.7vw,25px);line-height:1.45;color:#e2d7c2;opacity:0;animation:sube 1s 1.3s forwards}
@keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}


.chapa{position:relative;margin-top:clamp(18px,3svh,30px);padding:18px 0 4px;max-width:520px;opacity:0;animation:sube 1s 2.4s forwards}
.chapa::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--t) 80%,#E8C87E),transparent)}
.ch-hoy{font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb,var(--t) 55%,#F1E7CE)}
.ch-nom{margin-top:6px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ch-nom b{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(30px,2.6vw,38px);letter-spacing:.06em;color:#F6EEDA;text-shadow:0 0 30px color-mix(in srgb,var(--t) 70%,transparent)}
.ch-nom span{font-family:var(--head);font-style:italic;font-size:21px;color:var(--dim)}
.ch-sirve{margin-top:4px;font-family:var(--head);font-size:21px;line-height:1.4;color:var(--marfil)}
.ch-sirve em{color:var(--goldB);font-style:italic}
.ch-entra{display:inline-flex;align-items:center;gap:10px;margin-top:14px;min-height:48px;padding:0 22px;border:1px solid color-mix(in srgb,var(--t) 70%,#E8C87E);
 font-family:var(--head);font-size:20px;color:var(--cream);background:color-mix(in srgb,var(--t) 14%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--t) 28%,transparent);transition:background .25s,box-shadow .25s}
.ch-entra::after{content:"→";transition:transform .25s}
.ch-entra:hover{background:color-mix(in srgb,var(--t) 26%,transparent)}.ch-entra:hover::after{transform:translateX(4px)}
.ch-pista{margin-top:14px;font-family:var(--label);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.chapa.cambia>*{animation:cambia .55s cubic-bezier(.2,.8,.25,1)}
@keyframes cambia{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}


.astro-grande{position:absolute;left:68%;top:45.8%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center}
.astro-grande::before{content:"";position:absolute;inset:-18%;border-radius:50%;mix-blend-mode:screen;
 background:radial-gradient(circle,color-mix(in srgb,var(--t) 55%,transparent) 0%,color-mix(in srgb,var(--t) 22%,transparent) 40%,transparent 68%);animation:late 6s ease-in-out infinite}
.astro-grande img{position:relative;width:100%;height:auto;max-height:100%;object-fit:contain;
 filter:drop-shadow(0 0 14px color-mix(in srgb,var(--t) 90%,transparent)) drop-shadow(0 0 48px color-mix(in srgb,var(--t) 60%,transparent));
 animation:sale 2.2s .3s cubic-bezier(.2,.8,.25,1) both}
@keyframes sale{from{opacity:0;transform:scale(.62)}to{opacity:1;transform:none}}
@keyframes late{0%,100%{opacity:.75}50%{opacity:1}}
.ident{display:flex;align-items:center;gap:16px;opacity:0;animation:sube 1s .2s forwards}
.ident .heb{font-family:var(--heb);font-weight:700;font-size:clamp(40px,3.6vw,54px);line-height:1;color:var(--goldB);text-shadow:0 0 30px rgba(232,200,126,.45)}
.ident i{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(201,168,107,.6),transparent)}
.ident .d{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(20px,1.7vw,26px);letter-spacing:.18em;text-transform:uppercase;color:var(--cream)}
.cielo .ceja.pl{margin-top:16px;color:color-mix(in srgb,var(--t) 50%,#F1E7CE)}
h1.nombre{margin-top:10px;font-family:var(--display);font-weight:700;font-size:clamp(64px,7vw,112px);line-height:.96;letter-spacing:.04em;color:#F7EFDC;
 text-shadow:0 0 50px color-mix(in srgb,var(--t) 70%,transparent),0 0 140px color-mix(in srgb,var(--t) 40%,transparent);opacity:0;animation:arde 1.8s .5s cubic-bezier(.2,.8,.25,1) forwards}
@keyframes arde{0%{opacity:0;filter:blur(9px);letter-spacing:.13em}60%{opacity:1}100%{opacity:1;filter:none;letter-spacing:.04em}}
.linea{margin-top:20px;font-family:var(--head);font-style:italic;font-size:clamp(23px,2vw,30px);line-height:1.38;color:#efe4cd;max-width:22em;opacity:0;animation:sube 1.1s 1.2s forwards}
.linea em{color:var(--goldB)}
.hora{margin-top:18px;display:flex;gap:12px;align-items:baseline;opacity:0;animation:sube 1s 1.5s forwards}
.hora span{flex:none;font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ash)}
.hora b{font-family:var(--head);font-weight:500;font-size:21px;color:var(--marfil)}
.baja{margin-top:30px;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:sube 1s 2.2s forwards}
.baja::after{content:"";width:1px;height:28px;background:linear-gradient(180deg,var(--goldB),transparent)}


main{position:relative;z-index:3}
.sec{padding:clamp(52px,7vw,104px) 0 0}
.sec-head{text-align:center;max-width:min(760px,100%);margin:0 auto clamp(26px,4vw,44px)}
.sec-head h2{font-family:var(--head);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.12;margin:14px 0 0;text-wrap:balance}
.sec-head .flourish{margin-bottom:16px}
.lead{max-width:34em;margin:0 auto;text-align:center;font-size:21px;line-height:1.75;color:var(--marfil);text-wrap:pretty}
.lead + .lead{margin-top:18px}
.lead em{color:var(--goldB);font-style:italic}


.semana{list-style:none;max-width:860px;margin:0 auto}
.semana li{border-top:1px solid var(--line)}
.semana li:last-child{border-bottom:1px solid var(--line)}
.semana a{display:grid;grid-template-columns:76px 13.5em 1fr 22px;align-items:center;gap:18px;min-height:84px;padding:10px 8px;transition:background .25s}
.semana a:hover,.semana a:focus-visible{background:color-mix(in srgb,var(--c) 10%,transparent)}
.semana a:focus-visible{outline:2px solid var(--goldB);outline-offset:2px}
.globo{width:60px;height:60px;justify-self:center;display:grid;place-items:center;position:relative}
.globo::before{content:"";position:absolute;inset:-30%;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent),transparent 65%)}
.globo img{position:relative;max-width:100%;max-height:100%;filter:drop-shadow(0 0 6px var(--c))}
.s-dia{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);line-height:1.15}
.s-dia small{display:block;margin-top:3px;font-family:var(--head);font-style:italic;font-weight:500;font-size:20px;letter-spacing:0;text-transform:none;color:color-mix(in srgb,var(--c) 45%,#F1E7CE)}
.s-pide{font-family:var(--head);font-size:21px;line-height:1.35;color:var(--marfil)}
.s-flecha{width:9px;height:9px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg);opacity:.75}
.hoy-marca{display:inline-block;margin-left:8px;padding:1px 8px;vertical-align:3px;font-family:var(--label);font-size:11px;font-weight:700;letter-spacing:.18em;color:#120c06;background:var(--goldB)}


.esferas{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;max-width:860px;margin:0 auto;list-style:none}
.esferas li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}
.esferas b{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream)}
.esferas b .n{font-family:var(--cifras);font-weight:500;color:var(--ash);margin-right:10px;letter-spacing:0}
.esferas a,.esferas span{font-family:var(--head);font-style:italic;font-size:20px;color:var(--goldB)}
.esferas li>span{color:var(--dim)}
.esferas a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;min-width:44px;color:var(--cream);text-decoration:underline;text-decoration-color:rgba(232,200,126,.5);text-underline-offset:5px}
.arriba{max-width:860px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.arr{display:block;text-align:center}
.arr h3{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase}
.arr p{font-size:18px;line-height:1.55;color:var(--marfil);margin-top:4px}
.arr a{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;font-family:var(--head);font-style:italic;font-size:19px;color:var(--goldB);border-bottom:1px solid rgba(232,200,126,.35)}
.nota{max-width:34em;margin:26px auto 0;text-align:center;font-family:var(--head);font-style:italic;font-size:19px;color:var(--dim)}
.nota a{display:inline-block;padding:12px 0;color:var(--cream);text-decoration:underline;text-decoration-color:rgba(232,200,126,.5);text-underline-offset:5px}


.trae{list-style:none;max-width:30em;margin:0 auto;text-align:left}
.trae li{position:relative;padding-left:26px;margin-top:12px;font-size:20px;line-height:1.55;color:var(--marfil)}
.trae li::before{content:"";position:absolute;left:3px;top:.6em;width:7px;height:7px;transform:rotate(45deg);background:var(--goldB);box-shadow:0 0 8px rgba(232,200,126,.6)}
.trae li b{color:var(--cream);font-weight:500}


.par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);max-width:880px;margin:0 auto;align-items:end}
.par figure{display:flex;flex-direction:column;align-items:center;text-align:center}
.letra-g{font-family:var(--heb);font-weight:700;font-size:clamp(170px,19vw,240px);line-height:.9;color:var(--goldB);text-shadow:0 0 50px rgba(232,200,126,.45),0 0 120px color-mix(in srgb,var(--t) 40%,transparent)}
.carta{width:min(230px,100%);filter:drop-shadow(0 20px 40px rgba(0,0,0,.7)) drop-shadow(0 0 30px color-mix(in srgb,var(--t) 30%,transparent))}
.rot{margin-top:18px;font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
.rot-g{margin-top:6px;font-family:var(--head);font-style:italic;font-size:19px;color:var(--dim);max-width:16em}
.datos{max-width:880px;margin:44px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2)}
.datos div{padding:16px 10px 4px;text-align:center}
.datos span{display:block;font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ash)}
.datos b{display:block;margin-top:6px;font-family:var(--head);font-weight:600;font-size:23px;color:var(--cream)}
.datos small{display:block;font-family:var(--head);font-style:italic;font-size:17px;color:var(--dim)}


.caras{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);max-width:880px;margin:0 auto;text-align:left}
.cara{border-top:1px solid var(--line2);padding-top:18px}
.cara span{font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ash)}
.cara p{margin-top:10px;font-family:var(--head);font-size:23px;line-height:1.45;color:var(--cream)}
.vicio{max-width:880px;margin:30px auto 0;padding:4px 0 4px 22px;border-left:2px solid rgba(184,68,90,.6);font-size:18px;line-height:1.6;color:#d2cabd}
.vicio em{font-style:normal;color:#d77585;font-weight:500}


.doc{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,72px);max-width:960px;margin:0 auto;align-items:center}
.doc figure{text-align:center}
.sello-g{width:100%;max-width:420px;margin:0 auto;filter:drop-shadow(0 0 22px rgba(232,200,126,.35))}
.cuad{display:inline-grid;grid-template-columns:repeat(var(--n),1fr);border:1px solid rgba(232,200,126,.55);box-shadow:0 0 40px color-mix(in srgb,var(--t) 22%,transparent)}
.cuad i{width:clamp(56px,6vw,74px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(232,200,126,.22);
 font-family:var(--cifras);font-style:normal;font-weight:500;font-size:clamp(26px,2.6vw,34px);color:var(--goldB);text-shadow:0 0 14px rgba(232,200,126,.4)}
.cuad-n{display:grid;place-items:center;font-family:var(--cifras);font-weight:500;font-size:clamp(90px,10vw,140px);line-height:1;color:var(--goldB);text-shadow:0 0 40px rgba(232,200,126,.4)}
.doc figcaption{margin-top:18px}
cite{display:block;margin-top:10px;font-family:var(--label);font-style:normal;font-size:12.5px;letter-spacing:.04em;line-height:1.55;color:var(--ash)}
cite i{font-style:italic}
.asi{margin-top:30px}


.toca{max-width:900px;margin:0 auto;text-align:center}
.toca p{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(30px,3.6vw,46px);line-height:1.25;color:#F6EEDA;text-wrap:balance;
 text-shadow:0 0 40px color-mix(in srgb,var(--t) 35%,transparent)}


.cta{max-width:640px;margin:34px auto 0;text-align:center;padding:34px 0 8px;position:relative}
.cta::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
.cta-pregunta{font-family:var(--head);font-style:italic;font-size:22px;color:var(--dim)}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:64px;margin-top:16px;padding:0 34px;border:1.5px solid var(--gold);
 font-family:var(--head);font-weight:600;font-size:clamp(26px,2.6vw,32px);color:var(--cream);background:rgba(9,7,13,.6);transition:background .25s,box-shadow .25s,border-color .25s}
.boton.wa{border-color:rgba(62,220,114,.65);box-shadow:0 0 34px rgba(46,196,106,.16)}
.boton.wa:hover{border-color:#3ddc72;background:rgba(46,196,106,.1);box-shadow:0 0 50px rgba(46,196,106,.28)}
.boton svg{width:26px;height:26px;fill:#3ddc72;flex:none}
.cta-pie{margin-top:14px;font-family:var(--label);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}

.siete-bloque{max-width:760px;margin:clamp(40px,6vw,70px) auto 0;text-align:center}

.velas{display:flex;justify-content:center;align-items:flex-end;gap:clamp(0px,1.2vw,14px);margin:0 auto 20px}
.velas i{position:relative;display:block;flex:0 1 clamp(48px,11vw,96px)}
.velas img{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.75))}
.velas i::before{content:"";position:absolute;left:50%;top:-30%;width:180%;height:60%;transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen;
 background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 34%,transparent),transparent)}
.velas i::after{content:"";position:absolute;left:50%;top:-10%;width:22%;height:12%;transform:translateX(-50%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;
 background:radial-gradient(circle at 50% 72%,#fffbe8,#ffd27a 42%,rgba(255,170,60,0) 72%);box-shadow:0 0 22px 7px rgba(255,200,110,.4),0 0 54px 14px color-mix(in srgb,var(--c) 32%,transparent);
 animation:llama 2.6s ease-in-out infinite;animation-delay:var(--dl)}
@keyframes llama{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.12,.9)}}
.siete-lead{max-width:30em;margin:16px auto 0;font-size:20px;line-height:1.65;color:var(--marfil);text-wrap:pretty}
.siete-empieza{margin-top:14px;font-family:var(--head);font-style:italic;font-size:22px;color:var(--cream)}
.siete-empieza b{font-weight:600;color:var(--goldB)}
.alterno{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;max-width:620px;margin:30px auto 0;padding-top:24px;border-top:1px solid var(--line);text-align:left}
.qr{margin:0;text-align:center}
.qr img{width:132px;height:132px;display:block;border:1px solid rgba(232,200,126,.45);box-shadow:0 0 30px rgba(232,200,126,.12)}
.qr figcaption{margin-top:8px;font-family:var(--head);font-style:italic;font-size:16px;color:var(--dim)}
.sin-wa label{display:block;font-family:var(--head);font-style:italic;font-size:19px;color:var(--dim)}
.sw-campo{display:flex;gap:8px;margin-top:10px}
.sin-wa input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--cream);font-family:var(--body);font-size:18px}
.sin-wa input:focus{outline:none;border-color:var(--gold)}
.sin-wa button{min-height:44px;padding:0 16px;border:1px solid var(--line2);background:transparent;color:var(--marfil);font-family:var(--head);font-size:18px;cursor:pointer}
.sin-wa button:hover{border-color:var(--gold);color:var(--cream)}
.ok{margin-top:10px;font-family:var(--head);font-style:italic;font-size:18px;color:var(--marfil)}
.siete-t{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(28px,3.2vw,40px);letter-spacing:.06em;line-height:1.15;margin-top:12px;text-wrap:balance}
.boton.chico{min-height:52px;margin-top:12px;padding:0 26px;font-size:clamp(21px,2vw,24px)}
.boton.chico svg{width:22px;height:22px}
.siete{display:flex;justify-content:center;gap:clamp(10px,2.4vw,26px);flex-wrap:wrap;margin:14px auto 0}
.siete a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;font-family:var(--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.siete a .globo{width:44px;height:44px}
.siete a.on{color:var(--goldB)}
.aviso{max-width:30em;margin:clamp(56px,7vw,90px) auto 0;text-align:center;font-family:var(--head);font-style:italic;font-size:20px;color:var(--dim)}
.pie{margin-top:clamp(50px,6vw,80px);padding:40px 24px 70px;border-top:1px solid var(--line);text-align:center;font-family:var(--label);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.pie a{display:inline-block;padding:12px 4px;color:var(--gold)}

.pie .sellos span{white-space:nowrap}.pie .sellos i{font-style:normal}
@media(max-width:560px){.pie .sellos span{display:block}.pie .sellos i{display:none}}
.pie .enl{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:0 28px}


.barra{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
 background:linear-gradient(180deg,rgba(9,7,13,.75),rgba(9,7,13,.97));backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.barra.ver{transform:none}
.barra .boton{width:100%;min-height:54px;margin:0;font-size:22px;padding:0 14px}


.hoja{display:none}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}}


@media (max-width:860px){
 .cielo{height:auto;min-height:0;padding-top:66px}
 .plancha{position:relative;--PW:170vw;height:calc(var(--PW) * 1.3364);left:calc(50vw - var(--PW) * .513);top:0;margin-bottom:calc(var(--PW) * -.12)}
 .plancha::after{background:linear-gradient(180deg,rgba(9,7,13,.55) 0%,transparent 26%)}
 .rueda{left:51.3%;top:59.5%;width:47%}
 .astro-grande{left:51.3%;top:59.5%;width:48%}
 
 .cielo .txt{left:16px;right:16px;width:auto;top:calc(66px + 40px + env(safe-area-inset-top));text-align:center}
 .ceja{font-size:12px;letter-spacing:.2em}
 .cielo h1{font-size:32px;line-height:1.12;margin-top:12px}
 .cielo h1 .g{font-size:.84em}
 .orna{justify-content:center}.orna i:first-child{display:block}
 .bajada{font-size:21px;margin-top:10px}
 .cielo .chapa,.cielo .ch-pista{display:none}
 .astro{width:17.5%}
 .ident{justify-content:center}
 .ident .heb{font-size:40px}
 h1.nombre{font-size:clamp(52px,15vw,72px)}
 .linea{margin:14px auto 0;font-size:22px}
 .hora,.baja{display:none}
 .movil-pie{position:relative;z-index:5;padding:0 16px;text-align:center}
 .movil-pie .linea,.movil-pie .hora{display:block;opacity:1;animation:none}
 .movil-pie .hora{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin-top:10px}
 .semana a{grid-template-columns:54px 1fr 14px;grid-template-rows:auto auto;gap:2px 14px;min-height:88px;padding:12px 4px}
 .semana .globo{grid-row:1/span 2;width:48px;height:48px}
 .s-dia{font-size:19px}.s-dia small{display:inline;margin-left:8px;font-size:18px}
 .s-pide{grid-column:2;font-size:19px}
 .s-flecha{grid-row:1/span 2;grid-column:3}
 .esferas{grid-template-columns:1fr;column-gap:0}
 .arriba{grid-template-columns:1fr;gap:26px}
 .par{grid-template-columns:1fr 1fr;gap:16px}
 .letra-g{font-size:150px}
 .carta{width:150px}
 .rot{font-size:18px}.rot-g{font-size:17px}
 .datos{grid-template-columns:1fr 1fr}
 .caras{grid-template-columns:1fr;gap:22px}
 .doc{grid-template-columns:1fr;gap:40px}
 .boton.chico{font-size:21px;width:auto}
 .boton{width:100%;padding:0 18px;font-size:24px}
 .barra{display:block}
 .alterno{display:none}
 .lead{font-size:19.5px}
 .hoja{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px 16px calc(16px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#120c18,#09070d);box-shadow:0 -20px 60px rgba(0,0,0,.7);border-top:1px solid color-mix(in srgb,var(--t) 60%,#E8C87E);
  transform:translateY(110%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.25,1),visibility 0s .45s}
 .hoja.ver{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.25,1)}
 .hoja .globo{width:76px;height:76px;align-self:center}
 .hoja .chapa{margin:0;padding:0;opacity:1;animation:none}
 .hoja .chapa::before{display:none}
 .hoja .ch-nom b{font-size:28px}
 .hoja .ch-sirve{font-size:19px}
 .hoja .ch-entra{min-height:48px;font-size:19px;margin-top:10px}
 .hoja .cierra{position:absolute;right:4px;top:2px;width:44px;height:44px;border:0;background:none;color:var(--dim);font-size:28px}
}
@media (min-width:861px){.movil-pie{display:none}}


.cielo.keter .rueda .gira{animation:primer-mov 140s linear infinite}
.cielo.keter .astro .der{animation:primer-mov-inv 140s linear infinite}
@keyframes primer-mov{to{transform:rotate(360deg)}}
@keyframes primer-mov-inv{to{transform:rotate(-360deg)}}
.cielo.jojma .rueda{filter:brightness(.42) saturate(.55);transition:filter 1s}
.banda{position:absolute;left:68%;top:45.8%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
 background:radial-gradient(circle,transparent 56%,rgba(232,200,126,.2) 61%,rgba(200,155,242,.26) 66%,rgba(232,200,126,.14) 71%,transparent 76%);animation:late 6s ease-in-out infinite}
.dice{max-width:34em;margin:0 auto;text-align:center;font-family:var(--head);font-style:italic;font-size:clamp(24px,2.4vw,30px);line-height:1.45;color:var(--cream);text-wrap:balance}
.dice-med{width:120px;height:120px;margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(169,107,232,.4))}
@media (max-width:860px){.banda{left:51.3%;top:59.5%;width:76%}}


.qr-caja{width:132px;height:132px;border:1px solid rgba(232,200,126,.45);box-shadow:0 0 30px rgba(232,200,126,.12);background:#F4ECD8}
.qr-caja svg{display:block;width:100%;height:100%}
.sin-wa .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.sw-error{margin-top:8px;font-family:var(--head);font-style:italic;font-size:17px;color:#d77585}
.sin-wa button[disabled]{opacity:.6;cursor:progress}


.serie{padding-top:calc(66px + clamp(40px,8vw,90px))}
.serie h1.siete-t{font-size:clamp(34px,4vw,48px)}
.serie-ir{margin-top:20px}



.esf-arbol{--W:400px;--H:calc(var(--W) * 1.7872);--pt:84px;--pb:92px;--gap:26px;position:relative;max-width:900px;margin:0 auto;height:calc(var(--H) + var(--pt) + var(--pb))}
.ea-plancha{position:absolute;left:50%;top:var(--pt);width:var(--W);height:var(--H);transform:translateX(-50%)}
.ea-fondo{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.62) saturate(.8)}

.ea-velo{position:absolute;left:50.4%;top:29%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(9,7,13,.6) 30%,transparent 70%);pointer-events:none}
.ea-esf{position:absolute;width:calc(var(--W) * .2444);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:2}
.ea-esf::before{content:"";position:absolute;inset:-22%;border-radius:50%;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--c) 52%,transparent) 30%,transparent 68%);opacity:.85;transition:opacity .3s,transform .3s}
.ea-cara{position:relative;width:66%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#141019,#050407 75%);box-shadow:0 0 0 1px rgba(232,200,126,.25),0 0 calc(var(--W) * .05) color-mix(in srgb,var(--c) 70%,transparent)}
.ea-cara img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 calc(var(--W) * .012) var(--c))}
.ea-esf.med .ea-cara img{width:118%;height:118%;max-width:none;filter:none}
.ea-esf.tierra::before{display:none}
.ea-esf.tierra .ea-cara{background:radial-gradient(circle at 40% 35%,#4a3e2b,#1b150e 72%);box-shadow:0 0 0 1px rgba(201,168,107,.2)}
.ea-esf.hoy::before{opacity:1;animation:late-arbol 3.6s ease-in-out infinite}
.ea-esf.foco::before,.ea-esf:hover::before{opacity:1;transform:scale(1.18)}
@keyframes late-arbol{50%{transform:scale(1.14)}}
.ea-hilos{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.ea-hilos line{stroke:rgba(201,168,107,.42);stroke-width:1}
.ea-hilos circle{fill:var(--goldB)}
.ea-rot{list-style:none;margin:0;padding:0}
.ea-rot li{position:absolute;top:calc(var(--pt) + var(--H) * var(--y) / 100);transform:translateY(-50%);width:calc(50% - var(--W) / 2 - var(--gap));z-index:3}
.ea-rot li.izq{left:0;text-align:right}
.ea-rot li.der{right:0;text-align:left}
.ea-rot li.arr,.ea-rot li.aba{left:50%;width:auto;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}
.ea-rot li.aba{transform:translate(-50%,0)}
.ea-rot a,.ea-rot .sin{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;min-width:44px;padding:2px 0}
.ea-rot b{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream);line-height:1.2}
.ea-rot b .n{font-family:var(--cifras);font-weight:500;color:var(--ash);margin-right:8px;letter-spacing:0}
.ea-rot em{font-family:var(--head);font-style:italic;font-size:21px;line-height:1.2;color:var(--marfil)}
.ea-rot a em{text-decoration:underline;text-decoration-color:rgba(232,200,126,.45);text-underline-offset:4px;transition:text-decoration-color .25s,color .25s}
.ea-rot a:hover em,.ea-rot a:focus-visible em,.ea-rot li.foco a em{color:var(--cream);text-decoration-color:var(--goldB)}
.ea-rot a:focus-visible{outline:2px solid var(--goldB);outline-offset:4px}
.ea-rot .sin b,.ea-rot .sin em{color:var(--ash)}

.esf-arbol.anim .ea-esf.pl,.esf-arbol.anim .ea-esf.med{opacity:0;transform:translate(-50%,-50%) scale(.6)}
.esf-arbol.anim.ver .ea-esf.pl,.esf-arbol.anim.ver .ea-esf.med{animation:enciende-arbol 1s var(--d) cubic-bezier(.2,.8,.25,1) forwards}
.esf-arbol.anim .ea-rot li,.esf-arbol.anim .ea-hilos{opacity:0}
.esf-arbol.anim.ver .ea-rot li,.esf-arbol.anim.ver .ea-hilos{opacity:1;transition:opacity .8s 1.6s}
@keyframes enciende-arbol{60%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){.esf-arbol.anim .ea-esf.pl,.esf-arbol.anim .ea-esf.med{opacity:1;transform:translate(-50%,-50%);animation:none}.esf-arbol.anim .ea-rot li,.esf-arbol.anim .ea-hilos{opacity:1;transition:none}.ea-esf.hoy::before{animation:none}}
@media (max-width:860px){
 #esferas .wrap{padding:0 16px}
 .esf-arbol{--W:196px;--pt:62px;--pb:66px;--gap:9px}
 .ea-rot b{font-family:var(--head);font-weight:600;font-size:18px;letter-spacing:0;text-transform:none}
 .ea-rot b .n{display:none}
 .ea-rot em{font-family:var(--body);font-size:16px}
 .ea-rot b,.ea-rot em{line-height:1.1}
 .ea-rot li.arr b,.ea-rot li.aba b{font-size:19px}
}

.ea-rot .hoy-marca{margin-left:8px;padding:0 6px;font-size:10px;vertical-align:2px;letter-spacing:.16em}
@media (max-width:860px){.ea-rot .hoy-marca{margin-left:6px;font-size:9px;padding:0 5px;vertical-align:1px}}