.blk{display:block}
body{margin:0;background:#0E0C2B}
html{scroll-behavior:smooth}
a{color:#4A3CF0}a:hover{color:#2E22C9}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.pp-cta{transition:transform .2s}
.pp-cta:hover{transform:translateY(-2px)}
.pp-tilt{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.pp-tilt:hover{transform:perspective(900px) rotateX(8deg) rotateY(-8deg) translateY(-5px);box-shadow:0 24px 40px -20px rgba(46,34,201,.4)}
.pp-navlinks{display:flex}
@keyframes pp-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes pp-float2{0%,100%{translate:0 0}50%{translate:0 12px}}
@keyframes pp-turn{0%,100%{transform:rotateX(14deg) rotateY(34deg)}50%{transform:rotateX(8deg) rotateY(10deg)}}
@keyframes pp-bob{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes pp-glow{0%,100%{opacity:.55}50%{opacity:1}}
.pp-float{animation:pp-float 6s ease-in-out infinite}
.pp-float2{animation:pp-float2 7.5s ease-in-out infinite}
.pp-turn{animation:pp-turn 9s ease-in-out infinite}
.pp-bob{animation:pp-bob 1.6s ease-in-out infinite}

.pp-journey{position:relative;height:calc(100vh + 6400px);background:#0E0C2B}
.pp-pin{position:sticky;top:0;height:100vh;overflow:clip;color:#FFFFFF;background:radial-gradient(90% 80% at 55% 52%,#2E22C9 0%,#1A1658 46%,#0E0C2B 84%);--tx:20vw;--ty:0px;--sc:1.3}
.pp-bg{position:absolute;inset:0;overflow:clip;pointer-events:none}
.pp-floor{position:absolute;left:-10%;right:-10%;bottom:-4%;height:48%;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(ellipse at 50% 100%,#000 0%,transparent 68%);mask-image:radial-gradient(ellipse at 50% 100%,#000 0%,transparent 68%)}
/* La cuadrícula avanza con transform (GPU) en vez de background-position (repintado). Se repite cada 46px. */
.pp-floor::before{content:"";position:absolute;left:0;right:0;top:-46px;bottom:0;background-image:linear-gradient(rgba(216,212,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(216,212,255,.2) 1px,transparent 1px);background-size:46px 46px;transform:translateY(var(--fo,0px));will-change:transform}
.pp-glyph{position:absolute;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;line-height:1;font-size:clamp(40px,min(6vw,11vh),96px);color:#8E84FF;opacity:.4;text-shadow:.03em .03em 0 #3A2FD0,.06em .06em 0 #3A2FD0,.09em .09em 0 #2E22C9}
.pp-nav{position:absolute;left:0;right:0;top:0;z-index:6;box-sizing:border-box;padding:12px clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.pp-navdl{opacity:var(--on,0);pointer-events:none;transition:opacity .35s}
.pp-navlinks{transition:opacity .3s}
[data-big="1"] .pp-navlinks{opacity:0;pointer-events:none}

.pp-cam3d{position:absolute;left:50%;top:52%;width:0;height:0;z-index:2;will-change:transform;transform:translate3d(var(--tx),var(--ty),0) scale(var(--sc))}
.pp-phonebox{position:absolute;left:-7.5em;top:-15.5em;width:15em;height:31em;font-size:min(2vh,4.4vw,20px);perspective:110em}
.pp-shadow{position:absolute;left:1em;right:1em;bottom:-1.6em;height:2.6em;border-radius:50%;background:rgba(5,4,26,.7);filter:blur(1.1em)}
.pp-phone{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-20deg)) rotateZ(var(--rz,0deg))}
.pp-edge{position:absolute;inset:0;border-radius:2.2em}
.pp-key{position:absolute;right:-.17em;width:.34em;border-radius:.14em;background:#8D8AA6}
.pp-face{position:absolute;inset:0;border-radius:2.2em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pp-front{background:#05050F;box-shadow:inset 0 0 0 .09em #2F2D55;transform:translateZ(.5em)}
.pp-back{transform:rotateY(180deg) translateZ(.5em);background:linear-gradient(160deg,#2C2958 0%,#19173D 55%,#100E2C 100%);box-shadow:inset 0 0 0 .09em rgba(216,212,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9em}
.pp-lens{width:2.5em;height:2.5em;border-radius:50%;background:radial-gradient(circle at 38% 34%,#3B3970 0%,#0B0A22 46%,#05041A 100%);box-shadow:0 0 0 .2em #24224C,0 0 0 .3em #3A3768}
.pp-sheen{position:absolute;inset:0;border-radius:2.2em;background:linear-gradient(115deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 74%,rgba(255,255,255,.05) 100%);pointer-events:none}
.pp-cam{position:absolute;left:50%;top:.85em;width:.85em;height:.85em;margin-left:-.425em;border-radius:50%;background:#000000;box-shadow:inset 0 0 0 .16em #1D1B3F;z-index:3}
.pp-screen{position:absolute;inset:.34em;border-radius:1.9em;background:#F6F5FF;overflow:hidden;color:#14123A;font-size:.7em}
.pp-scr{position:absolute;inset:0;box-sizing:border-box;padding:2.8em 1.25em 0;display:none;flex-direction:column;gap:.85em;background:#F6F5FF;overflow:hidden}
.pp-scr>*{flex-shrink:0;box-sizing:border-box}
.pp-scr.s1{gap:.7em;padding-top:2.6em}
@keyframes pp-scrin{from{opacity:0}to{opacity:1}}
@keyframes pp-flash{from{opacity:.5}to{opacity:0}}
.pp-scr{animation:pp-scrin .3s ease}
.pp-ring{position:absolute;left:calc(var(--zl,0) * 1em - .5em);top:calc(var(--zt,0) * 1em - .5em);width:calc(var(--zw,0) * 1em + 1em);height:calc(var(--zh,0) * 1em + 1em);border-radius:1.3em;opacity:var(--on,0);transition:opacity .3s;pointer-events:none;z-index:4}
/* El brillo late con opacity (GPU) en vez de animar box-shadow (repintado). */
.pp-ring::before,.pp-ring::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pp-ring::before{box-shadow:0 0 2.2em .9em rgba(255,201,60,.8);animation:pp-glow 1.8s ease-in-out infinite}
.pp-ring::after{box-shadow:0 0 0 .12em #4A3CF0,0 0 0 .3em #FFC93C}
.a-row{display:flex;align-items:center;justify-content:space-between;gap:.6em}
.a-title{font-size:1.3em;font-weight:500}
.a-card{background:#FFFFFF;border-radius:1.1em;box-shadow:inset 0 0 0 .07em #DEDAFB,0 .25em .7em -.35em rgba(46,34,201,.35);padding:.85em 1em;overflow:hidden}
.a-card:not(.a-row){row-gap:.55em}
.a-ind{background:linear-gradient(150deg,#5A4BFF 0%,#3A2CDD 100%);color:#FFFFFF;box-shadow:0 .5em 1.1em -.5em rgba(46,34,201,.7)}
.a-ind .a-bar>i{background:#FFFFFF}
.a-t{font-weight:600;font-size:.86em;line-height:1.25}
.a-s{font-size:.68em;color:#5B5880;line-height:1.35}
.a-lab{height:1.2em;display:flex;align-items:center;gap:.5em}
.a-lab>span{font-size:.82em;font-weight:700}
.a-chip{padding:.45em .9em;border-radius:.7em;box-shadow:inset 0 0 0 .07em #BDB7F2;font-size:.72em;font-weight:600;white-space:nowrap}
.a-chip.on{background:#E4E0FF;color:#2E22C9;box-shadow:none}
.a-dot{width:.6em;height:.6em;border-radius:50%;flex-shrink:0}
.a-bar{height:.4em;border-radius:1em;background:#E4E0FF;overflow:hidden}
.a-bar>i{display:block;height:100%;border-radius:1em;background:#4A3CF0}
.a-btn{border-radius:99em;background:#4A3CF0;color:#FFFFFF;font-weight:700;font-size:.76em;text-align:center;padding:.6em}
.a-ghost{border-radius:99em;box-shadow:inset 0 0 0 .09em #4A3CF0;color:#2E22C9;font-weight:600;font-size:.72em;text-align:center;padding:.55em 1em}
.a-ico{width:2.2em;height:2.2em;border-radius:.7em;background:#4A3CF0;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.a-ico svg,.a-gl svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.a-gl{color:#4A3CF0;display:flex}
.a-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6em}
.a-tile{display:flex;flex-direction:column;gap:.25em;justify-content:space-between;padding:.6em .8em}
.a-tile .a-ico{width:2em;height:2em}
.a-li{display:flex;align-items:center;gap:.8em;padding:0 .9em}
.a-li>:nth-child(2){flex:1;min-width:0}
.a-li .a-t,.a-li .a-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-seg{display:flex;border-radius:99em;box-shadow:inset 0 0 0 .07em #BDB7F2;overflow:hidden;font-size:.66em;font-weight:600}
.a-seg>span{padding:.4em .95em}
.a-seg>span.on{background:#E4E0FF;color:#2E22C9}
.a-qk{display:flex;gap:.45em;align-items:center}
.a-qk .a-chip{padding:.45em .65em;font-size:.68em}
.a-kv{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;font-size:.74em;line-height:1.5}
.a-cam{font-size:1.1em;background:#000000;color:#FFFFFF;padding:0;animation:none}
.a-cam::after{content:"";position:absolute;inset:0;background:#FFFFFF;opacity:0;pointer-events:none;animation:pp-flash .4s ease-out}
.c-top{position:absolute;left:1.1em;right:1.1em;top:2.6em;height:2.4em;display:flex;align-items:center;gap:1.2em}
.c-hint{position:absolute;left:.9em;right:.9em;top:12.7em;height:1.4em;display:flex;align-items:center;justify-content:center}
.c-hint>span{font-size:.6em;font-weight:600;white-space:nowrap}
.c-view{position:absolute;left:.9em;right:.9em;box-sizing:border-box}
.c-modes{position:absolute;left:0;right:0;top:29.6em;height:2.4em;display:flex;justify-content:center;align-items:center;gap:.5em}
.c-modes .a-chip{box-shadow:none;border-radius:99em;color:#FFFFFF}
.c-modes .a-chip.c-on{background:#FFFFFF;color:#000000}
.c-shut{position:absolute;left:50%;top:33em;width:4.4em;height:4.4em;margin-left:-2.2em;border-radius:50%;background:#3A3A3A;box-shadow:0 0 0 .2em #FFFFFF}
.c-gal{position:absolute;left:3em;top:34.3em;width:1.8em;height:1.8em;display:flex}
.c-gal svg{width:100%;height:100%;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c-hand{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive}

.fx{padding:clamp(72px,9vw,112px) 0;position:relative;overflow:clip}
.fx-in{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:clamp(36px,6vw,80px);align-items:center}
.fx-tx{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.fx-eb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#4A3CF0}
.fx-h{margin:0;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.02em;font-weight:700}
.fx-p{margin:0;font-size:1.0625rem;line-height:1.6;color:#5B5880}
.fx-dk{color:#FFFFFF}
.fx-dk .fx-eb{color:#FFC93C}
.fx-dk .fx-p{color:#E4E1FF}
.fx-hint{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:#2E22C9}
.fx-dk .fx-hint{color:#FFC93C}
.fx-pills{display:flex;flex-wrap:wrap;gap:10px}
.fx-pill{min-height:44px;padding:0 18px;border-radius:99px;border:0;font-family:inherit;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .25s,color .25s}
.fx-dl{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;background:#FFC93C;color:#14123A;font-weight:700;text-decoration:none;box-shadow:0 5px 0 #C9960F}
.fx-dl:hover{color:#14123A}
.fx-dkbtn:hover{color:#FFFFFF}
.fx-panel{align-self:stretch;box-sizing:border-box;padding:20px 22px;border-radius:20px;display:flex;flex-direction:column;gap:10px}
.fx-stage{position:relative;display:flex;justify-content:center;padding:16px 0}
.fx-blob{position:absolute;left:50%;top:50%;width:23em;height:31em;font-size:clamp(11px,3.4vw,13.5px);transform:translate(-50%,-50%) rotate(9deg);border-radius:3em}
.fx-ph{position:relative;font-size:clamp(11px,3.4vw,13.5px);width:19.6em;height:40em;border-radius:2.5em;background:#05050F;box-shadow:0 0 0 .14em #B8B6CD,0 2.4em 4em -1.2em rgba(5,4,26,.6);flex-shrink:0;transform:rotate(-2deg)}
.fx-rev .fx-ph{transform:rotate(2deg)}
.fx-rev .fx-blob{transform:translate(-50%,-50%) rotate(-9deg)}
.fx-scr{position:absolute;inset:.5em;border-radius:2.05em;background:#F6F5FF;color:#14123A;overflow:hidden;font-size:.93em}
.fx-v{position:absolute;inset:0;box-sizing:border-box;padding:2.6em 1.25em 0;display:none;flex-direction:column;gap:.8em;animation:pp-scrin .3s ease}
.fx-v>*{flex-shrink:0;box-sizing:border-box}
.fx-ph[data-v="0"] .v0,.fx-ph[data-v="1"] .v1,.fx-ph[data-v="2"] .v2{display:flex}
:where(.fx-ph) button{font:inherit;color:inherit;border:0;margin:0;padding:0;cursor:pointer;text-align:left;background:none}
@keyframes fx-tap{0%,100%{opacity:1}50%{opacity:0}}
.fx-tap{position:relative}
.fx-tap::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 .16em #FFC93C;animation:fx-tap 1.5s ease-in-out infinite}
.fx-toast{position:absolute;left:1.1em;right:1.1em;bottom:1.4em;padding:.7em 1em;border-radius:1em;background:#14123A;color:#FFFFFF;text-align:center;transition:opacity .3s;pointer-events:none}
.fx-act{flex:1;height:4.4em;border-radius:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em}
.fx-act svg{width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-tg{width:2.8em;height:1.6em;border-radius:1em;background:#4A3CF0;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:0 .2em;box-sizing:border-box}
.fx-tg>span{width:1.2em;height:1.2em;border-radius:50%;background:#FFFFFF}
@media (min-width:900px){.fx-rev .fx-stage{order:-1}}
.a-circ{border-radius:50%;box-shadow:inset 0 0 0 .32em #E4E0FF;flex-shrink:0}
.a-tabs{position:absolute;left:0;right:0;bottom:0;height:4em;background:#FFFFFF;box-shadow:0 -.07em 0 #DEDAFB,0 -.4em 1em -.5em rgba(46,34,201,.3);display:flex;justify-content:space-around;align-items:center}
.a-tab{display:flex;flex-direction:column;align-items:center;gap:.25em;font-size:.52em;color:#5B5880}
.a-tab.on{color:#2E22C9;font-weight:700}
.a-tab i{width:3.6em;height:1.8em;border-radius:1em;display:flex;align-items:center;justify-content:center}
.a-tab i svg{width:1.55em;height:1.55em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.a-tab.on i{background:#E4E0FF}
.a-fab{position:absolute;right:1.1em;bottom:5em;width:3.2em;height:3.2em;border-radius:1em;background:#4A3CF0;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:500}

.pp-side{position:absolute;top:64px;bottom:56px;width:min(40%,30rem);z-index:4;display:grid;align-items:center;pointer-events:none}
.pp-side.l{left:clamp(16px,5vw,76px);justify-items:start;--dx:-70px;--tilt:9deg}
.pp-side.r{right:clamp(16px,5vw,76px);justify-items:end;--dx:70px;--tilt:-9deg}
.pp-tx{grid-area:1/1;display:flex;flex-direction:column;gap:clamp(8px,1.8vh,18px);align-items:flex-start;max-width:33rem;opacity:var(--on,0);transform:translateY(calc((1 - var(--on,0)) * 26px));transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pp-eb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(.7rem,min(1vw,1.9vh),.86rem);letter-spacing:.1em;text-transform:uppercase;color:#FFC93C;font-weight:700}
.pp-h{margin:0;font-size:clamp(1.5rem,min(3.3vw,6.4vh),3.2rem);line-height:1.06;letter-spacing:-.02em;font-weight:700}
.pp-p{margin:0;font-size:clamp(.92rem,min(1.25vw,2.5vh),1.2rem);line-height:1.55;color:#D8D4FF}
.pp-card{grid-area:1/1;box-sizing:border-box;width:100%;max-width:27em;padding:1.4em 1.6em 1.5em;border-radius:1.5em;background:#FFFFFF;color:#14123A;font-size:clamp(13px,min(1.2vw,2.25vh),18.5px);box-shadow:0 2em 3.4em -1.2em rgba(5,4,26,.7);opacity:var(--on,0);transform:perspective(1200px) translate3d(calc((1 - var(--on,0)) * var(--dx,-70px)),0,calc((1 - var(--on,0)) * -260px)) rotateY(calc(var(--tilt,9deg) * (1 + (1 - var(--on,0)) * 3)));transition:opacity .38s ease,transform .6s cubic-bezier(.2,.85,.25,1)}
.pp-cb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.74em;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#4A3CF0}
.pp-card h3{margin:.3em 0 .35em;font-size:1.7em;line-height:1.1;letter-spacing:-.02em;font-weight:700}
.pp-card p{margin:0;font-size:1.05em;line-height:1.5;color:#3A3766}
.pp-card ul{list-style:none;margin:.9em 0 0;padding:.9em 0 0;border-top:1px solid #E4E1FF;display:flex;flex-direction:column;gap:.45em}
.pp-card li{display:flex;gap:.7em;align-items:flex-start;font-size:.95em;font-weight:600;line-height:1.35}
.pp-card li::before{content:"";width:.42em;height:.78em;border:solid #4A3CF0;border-width:0 .2em .2em 0;transform:rotate(45deg);margin:.1em .15em 0 .2em;flex-shrink:0}
.pp-rail{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:20px;box-sizing:border-box;padding:6px clamp(16px,4vw,56px) 10px}
/* Aviso de inicio y flecha que aparece tras 1 s sin deslizar (la activa js/main.js con .pp-idle). */
.pp-start{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:99px;background:#FFC93C;color:#14123A;font-weight:700;font-size:1rem;box-shadow:0 0 0 4px rgba(255,201,60,.25),0 10px 24px -10px rgba(255,201,60,.7)}
@keyframes pp-blink{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(5px)}}
.pp-hint{position:absolute;left:50%;bottom:40px;z-index:5;width:44px;height:44px;margin-left:-22px;padding:0;border:0;border-radius:50%;background:#FFC93C;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 5px rgba(255,201,60,.22),0 10px 24px -8px rgba(255,201,60,.8);opacity:0;pointer-events:none;transition:opacity .35s}
.pp-hint svg{animation:pp-blink 1.1s ease-in-out infinite}
.pp-pin.pp-idle:not([data-beat="0"]) .pp-hint{opacity:1;pointer-events:auto}
.pp-rail>a{position:relative;z-index:5;margin-right:64px}
.pp-wa{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:50;width:58px;height:58px;border-radius:50%;background:#128C4A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(5,4,26,.6),0 0 0 3px rgba(255,255,255,.9);transition:transform .2s}
.pp-wa:hover{color:#FFFFFF;transform:translateY(-3px) scale(1.05)}
.pp-line{position:relative;z-index:1;flex:1;height:4px;border-radius:4px;background:rgba(216,212,255,.2);overflow:hidden}
.pp-line>i{display:block;height:100%;background:#FFC93C;transform-origin:0 50%;transform:scaleX(var(--p,0))}

[data-ch="0"] .s0,[data-ch="1"] .s1,[data-ch="2"] .s2,[data-ch="3"] .s3,[data-ch="4"] .s4,[data-ch="5"] .s5,[data-ch="6"] .s6,[data-ch="7"] .s7,[data-ch="8"] .s8,[data-ch="3b"] .s3b,[data-ch="3c"] .s3c,[data-ch="5d"] .s5d,[data-ch="5c"] .s5c,[data-ch="5k"] .s5k{display:flex}
.pp-pin:not([data-ch]) .s0{display:flex}
[data-zone="1"] .pp-ring{--on:1}
[data-beat="0"] .b0,[data-beat="8"] .b8,[data-beat="1o"] .b1o,[data-beat="1z1"] .b1z1,[data-beat="1z2"] .b1z2,[data-beat="1z3"] .b1z3,[data-beat="2o"] .b2o,[data-beat="2z1"] .b2z1,[data-beat="2z2"] .b2z2,[data-beat="2z3"] .b2z3,[data-beat="3o"] .b3o,[data-beat="3z1"] .b3z1,[data-beat="3z2"] .b3z2,[data-beat="4o"] .b4o,[data-beat="4z1"] .b4z1,[data-beat="4z2"] .b4z2,[data-beat="4z3"] .b4z3,[data-beat="5o"] .b5o,[data-beat="5z1"] .b5z1,[data-beat="5z2"] .b5z2,[data-beat="5z3"] .b5z3,[data-beat="6o"] .b6o,[data-beat="6z1"] .b6z1,[data-beat="6z2"] .b6z2,[data-beat="7o"] .b7o,[data-beat="7z1"] .b7z1,[data-beat="7z2"] .b7z2,[data-beat="7z3"] .b7z3,[data-beat="3z3"] .b3z3,[data-beat="4z4"] .b4z4,[data-beat="5v1"] .b5v1,[data-beat="5v1e"] .b5v1,[data-beat="5v1s"] .b5v1,[data-beat="5v2"] .b5v2,[data-beat="5v3"] .b5v3{--on:1;pointer-events:auto}
.pp-pin:not([data-beat]) .b0{--on:1;pointer-events:auto}

html.pp-js .pp-rv{opacity:0;transform:translateY(44px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
html.pp-js .pp-rv.pp-in{opacity:1;transform:none}

@media (max-width:860px){
.pp-navlinks{display:none}
.pp-pin{--tx:0px;--ty:-14vh;--sc:.8}
.pp-side.l,.pp-side.r{left:14px;right:14px;width:auto;top:auto;bottom:106px;align-items:end;justify-items:stretch;--dx:0px;--tilt:0deg}
.pp-hint{bottom:58px}
.pp-tx{max-width:none}
.pp-card{max-width:none;padding:1.1em 1.2em 1.2em}
.pp-card h3{font-size:1.4em}
.pp-card ul{display:none}
}
@media (prefers-reduced-motion:reduce){
.pp-float,.pp-float2,.pp-turn,.pp-bob,.pp-hint svg,.pp-ring::before,.pp-scr,.a-cam::after,.fx-v,.fx-tap::after{animation:none}
.pp-card,.pp-tx{transition:none}
html.pp-js .pp-rv{opacity:1;transform:none}
}
[data-cloak] .fx,[data-cloak] #demo{visibility:hidden}
/* Planes: etiqueta «Muy pronto» y sello de precio de fundador (los controla PUPITRE_CONFIG en js/main.js) */
.pp-pronto{display:inline-block;margin-right:4px;padding:1px 8px;border-radius:99px;background:rgba(255,201,60,.22);color:inherit;font-size:.78rem;font-weight:700;letter-spacing:.02em;vertical-align:1px}
.pp-fundador{display:inline-block;padding:4px 10px;border-radius:99px;background:#FFC93C;color:#14123A;font-size:.8rem;font-weight:700}