@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
:root{--cream:#F9FAF5;--chocolate:#623E2E;--teal:#5CA793;--gold:#DE9B4C;--plum:#9A5B8A;--peach:#F5C7B0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--cream);color:var(--chocolate);font:400 1rem/1.5 "Nunito Sans",Arial,sans-serif}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.mobile-menu{display:none}
.skip-link{position:fixed;top:-80px;left:15px;padding:12px 18px;background:var(--chocolate);color:var(--cream);z-index:99}
.skip-link:focus{top:15px}
.site-header{min-height:86px;padding:18px clamp(20px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #623e2e20;position:sticky;top:0;z-index:10;background:var(--cream)}
.brand{width:170px;flex:none}
.site-header nav{display:flex;gap:clamp(16px,3vw,48px)}
.site-header nav a,.header-action{font-weight:700;font-size:.9rem;min-height:44px;display:inline-flex;align-items:center}
.header-action{gap:20px}
.header-action span{font-size:1.3em}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.77rem;line-height:1.4}
.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;background:var(--chocolate);color:var(--cream);padding:12px 21px;border-radius:60px;font-size:.9rem;font-weight:700}
.pill-link span{font-size:1.3em}
.pill-link:hover,.pill-link:focus-visible{background:#4d3023}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;font-weight:700;border-bottom:1px solid}
.wow-story{position:relative}
.wow-stage{height:min(850px,calc(100svh - 86px));min-height:660px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 68% 51%,#f5c7b052,transparent 58%),var(--cream);overflow:clip}
.wow-halo{position:absolute;width:90vmax;height:90vmax;border-radius:50%;left:25%;top:-42vmax;background:radial-gradient(circle,#f5c7b050,transparent 63%);pointer-events:none}
.wow-orbit{position:absolute;border:1px solid #b48d7c50;border-radius:50%;width:84%;height:66%;left:20%;top:17%;transform:rotate(-15deg);z-index:0}
.wow-slab{position:absolute;border-radius:48% 43% 50% 44%;box-shadow:inset 8px 10px 16px #ffffff28,12px 23px 37px #623e2e14;z-index:2;pointer-events:none}
.wow-slab-gold{background:var(--gold);width:27%;height:42%;left:-17%;bottom:-12%;transform:rotate(22deg)}
.wow-slab-teal{background:var(--teal);width:31%;height:56%;right:-20%;top:-10%;transform:rotate(-19deg)}
.wow-slab-plum{background:var(--plum);width:26%;height:39%;right:-15%;bottom:-24%;transform:rotate(21deg)}
.wow-intro,.wow-reveal{position:absolute;left:7%;z-index:5;width:44%}
.wow-copy-window{display:contents}
.wow-intro{top:20%}
.wow-intro h1{font-size:clamp(3rem,5vw,5.65rem);margin:22px 0 26px}
.wow-intro>p:not(.eyebrow){font-size:clamp(1rem,1.3vw,1.22rem);max-width:350px}
.wow-intro .pill-link{margin-top:32px}
.wow-reveal{display:none;top:20%}
.wow-reveal h2{font-size:clamp(3rem,4.2vw,4.9rem);margin:16px 0 22px}
.wow-reveal>p:not(.eyebrow){font-size:clamp(1.05rem,1.4vw,1.3rem);max-width:430px}
.wow-reveal .text-link{margin-top:28px}
.wow-backplate,.wow-window{position:absolute;width:56%;height:72%;right:4.5%;top:13%;border-radius:45% 43% 40% 44%;z-index:3}
.wow-backplate{background:#e9e2d8;transform:translate(14px,17px);box-shadow:0 32px 52px #623e2e22}
.wow-window{background:#e8dfd0;overflow:hidden}
.wow-window img{width:100%;height:100%;object-fit:cover;object-position:68% 50%}
.wow-seed{position:absolute;width:140px;aspect-ratio:157/160;left:calc(47% - 70px);top:74%;z-index:4}
.wow-seed img{width:100%}
.wow-travel{position:fixed;inset:0;z-index:7;pointer-events:none;display:none;overflow:clip}
.wow-piece{position:absolute;left:0;top:0;width:70px;height:71.3376px;overflow:hidden;transform-origin:0 0}
.petal-face{display:block;position:relative;width:100%;height:100%;overflow:hidden;transform-origin:50% 62%}
.petal-sheen{display:none}
.petal-vector{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;opacity:0}
.kit-stage{display:contents}
.scene-nav{display:none}
.wow-piece img{position:absolute;max-width:none;width:140px;height:142.6752px}
.piece-1 img,.piece-3 img{left:-70px}
.piece-2 img,.piece-3 img{top:-71.3376px}
.wow-label{position:absolute;z-index:6;bottom:8%;right:19%;font-size:.76rem;letter-spacing:.025em;background:#f9faf5e0;border-radius:20px;padding:7px 13px}
.wow-scroll-cue{position:absolute;bottom:6%;left:7%;font-size:.75rem;z-index:5;display:flex;align-items:center;gap:14px}
.wow-scroll-cue span{font-size:1.4rem}
body.wow-active .wow-story{height:calc(380svh - 86px)}
body.wow-active .wow-stage{height:calc(100svh - 86px);min-height:0;position:sticky;top:86px}
body.wow-active .wow-travel{display:block}
body.wow-active .wow-seed img{visibility:hidden}
body.wow-active .wow-reveal{display:block;opacity:0;visibility:hidden}
body.wow-active .wow-copy-window{display:block;position:absolute;left:7%;top:20%;width:44%;z-index:5}
.wow-letters{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;user-select:none;visibility:hidden}
body.wow-active .wow-letters{display:block}
.wow-letter,.wow-letter-face{position:absolute;left:0;top:0;white-space:pre;transform-origin:0 0}
body.wow-active .wow-copy-window>.wow-intro,body.wow-active .wow-copy-window>.wow-reveal{left:0;top:0;width:100%}
body:not(.wow-active) .wow-stage{height:auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(25px,4vw,48px);padding:clamp(35px,6vw,90px) clamp(20px,7vw,100px);overflow:hidden}
body:not(.wow-active) .wow-halo,body:not(.wow-active) .wow-orbit,body:not(.wow-active) .wow-slab,body:not(.wow-active) .wow-backplate,body:not(.wow-active) .wow-scroll-cue{display:none}
body:not(.wow-active) .wow-intro{position:relative;left:auto;top:auto;width:min(100%,700px)}
body:not(.wow-active) .wow-seed{position:relative;left:auto;top:auto;width:clamp(100px,12vw,140px);align-self:center;order:1}
body:not(.wow-active) .wow-window{position:relative;left:auto;right:auto;top:auto;width:min(100%,760px);height:auto;aspect-ratio:16/9;align-self:center;clip-path:none;transform:none;order:2}
body:not(.wow-active) .wow-reveal{display:block;position:relative;left:auto;top:auto;width:min(100%,700px);opacity:1;visibility:visible;order:3}
body:not(.wow-active) .wow-label{position:relative;right:auto;bottom:auto;align-self:center;background:transparent;padding:0;order:4}
.kits-section{position:relative;scroll-margin-top:15px;padding:24px clamp(20px,5vw,80px) clamp(75px,9vw,140px);background:#eeeae3}
.journey-rail{position:sticky;top:98px;z-index:6;max-width:1420px;min-height:90px;margin:0 auto 70px;padding:12px 22px;display:flex;align-items:center;gap:32px;background:#f9faf5f5;border:1px solid #623e2e25;border-radius:22px;box-shadow:0 8px 20px #623e2e08}
.journey-mark{width:64px;flex:none}
.journey-rail nav{display:flex;gap:clamp(24px,7vw,100px)}
.journey-rail a{font-size:.9rem;font-weight:700;display:flex;align-items:center;min-height:44px;border-bottom:2px solid transparent}
.journey-rail a[aria-current="step"]{border-color:var(--plum)}
.journey-progress{height:2px;position:absolute;left:112px;right:24px;bottom:12px;background:#623e2e20;overflow:hidden}
.journey-progress span{display:block;width:100%;height:100%;background:var(--teal);transform:scaleX(0);transform-origin:left}
body.wow-active .journey-mark,body.wow-active .closing-mark{visibility:hidden}
body:not(.wow-active) .journey-rail{position:relative;top:auto}
.kits-intro{max-width:1420px;margin:0 auto clamp(34px,5vw,74px);display:grid;grid-template-columns:1fr .55fr;gap:clamp(35px,8vw,130px);align-items:end}
.kits-intro h2{font-size:clamp(3.2rem,5.6vw,6.4rem);margin-top:17px}
.kits-intro>p{font-size:clamp(1.06rem,1.4vw,1.3rem);max-width:490px;padding-bottom:7px}
.kit-grid{max-width:1420px;margin:auto;display:grid;gap:clamp(32px,5vw,76px)}
.kit-card{display:grid;grid-template-columns:1fr 1fr;min-width:0;background:var(--cream);border:1px solid #623e2e17;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px #623e2e0d;scroll-margin-top:102px}
.kit-art{height:clamp(330px,38vw,540px);position:relative;overflow:hidden;isolation:isolate}
.kit-flexi .kit-art{order:1}
.kit-art>img{width:100%;height:100%;object-fit:contain}
.kit-art:before{content:"";position:absolute;width:80%;aspect-ratio:1;border:1px solid #623e2e24;border-radius:50%;left:34%;top:-42%;transform:rotate(-17deg)}
.kit-paint .kit-art{background:#efdbcc}
.paint-sheet{position:absolute;width:60%;height:65%;left:20%;top:16%;border-radius:18px;background:#fffaf2;transform:rotate(-9deg);box-shadow:18px 23px 0 #d5b8a7,23px 31px 29px #623e2e20}
.paint-stroke{position:absolute;display:block;width:69%;height:17%;left:17%;border-radius:48% 28% 45% 25%;opacity:.9;transform:rotate(-8deg)}
.stroke-gold{top:22%;background:var(--gold)}
.stroke-teal{top:43%;background:var(--teal);transform:rotate(7deg)}
.stroke-plum{top:64%;background:var(--plum);transform:rotate(-3deg)}
.paint-dot{position:absolute;display:block;width:10%;aspect-ratio:1;border-radius:50%;box-shadow:5px 8px 10px #623e2e26}
.dot-one{left:8%;top:68%;background:var(--gold)}
.dot-two{left:76%;top:13%;background:var(--teal)}
.dot-three{left:81%;top:73%;background:var(--plum)}
.kit-flexi .kit-art{background:#dcebe3}
.flexi-figure{position:absolute;width:75%;height:56%;left:12%;top:25%;transform:rotate(-8deg);filter:drop-shadow(10px 18px 10px #37665638)}
.flexi-head,.flexi-segment,.flexi-tail{position:absolute;display:block;background:var(--teal);border:3px solid #488b77}
.flexi-head{width:35%;height:70%;left:1%;top:10%;border-radius:52% 45% 50% 48%;z-index:5}
.flexi-head:before,.flexi-head:after{content:"";position:absolute;width:18%;height:25%;top:-12%;background:var(--teal);border:3px solid #488b77;border-radius:50%}
.flexi-head:before{left:18%;transform:rotate(-22deg)}
.flexi-head:after{right:19%;transform:rotate(22deg)}
.flexi-head i{position:absolute;left:22%;top:43%;width:8px;height:8px;border-radius:50%;background:var(--chocolate)}
.flexi-segment{width:28%;height:62%;top:15%;border-radius:48%;transform:rotate(12deg)}
.flexi-a{left:27%;z-index:4;background:#78bea9}
.flexi-b{left:46%;z-index:3;background:#90c9b7}
.flexi-c{left:63%;z-index:2;background:#a8d5c5}
.flexi-tail{width:23%;height:38%;left:77%;top:29%;border-radius:18% 75% 75% 32%;z-index:1;transform:rotate(25deg);background:#b7ddce}
.flexi-orbit{position:absolute;width:70%;height:20%;left:16%;bottom:15%;border:1px solid #37665659;border-radius:50%;transform:rotate(-8deg)}
.kit-game .kit-art{background:#eadce7}
.game-board{position:absolute;left:25%;top:10%;width:54%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px;background:#fffaf4;border-radius:18px;transform:rotate(-12deg);box-shadow:17px 23px 0 #c7adbd,23px 31px 23px #623e2e24}
.game-board span{border-radius:9px;background:#f1e4d9}
.game-board span:nth-child(2),.game-board span:nth-child(6){background:var(--gold)}
.game-board span:nth-child(4),.game-board span:nth-child(8){background:var(--teal)}
.game-board span:nth-child(5){background:var(--plum)}
.game-piece{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;box-shadow:5px 9px 0 #623e2e2b}
.game-piece-one{left:13%;bottom:13%;background:var(--gold)}
.game-piece-two{right:9%;top:19%;background:var(--plum)}
.kit-copy{padding:clamp(28px,4.4vw,68px);display:flex;flex-direction:column;justify-content:center;min-height:270px}
.kit-number{font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.kit-copy h3{font-size:clamp(2.1rem,3.6vw,3.8rem);margin:20px 0}
.kit-copy p{line-height:1.55;max-width:350px}
.kit-status{align-self:flex-start;margin-top:26px;padding:7px 12px;border:1px solid #623e2e30;border-radius:30px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.closing{padding:clamp(85px,11vw,170px) clamp(20px,7vw,100px);max-width:1450px;margin:auto;display:grid;grid-template-columns:.35fr 1fr;gap:clamp(35px,8vw,140px);align-items:center}
.closing>img{width:clamp(125px,16vw,210px);justify-self:center}
.closing h2{font-size:clamp(3.2rem,6vw,6.8rem);margin:16px 0 26px}
.closing p:not(.eyebrow){max-width:470px;font-size:1.12rem}
.closing .pill-link{margin-top:30px}
.site-footer{border-top:1px solid #623e2e30;padding:22px clamp(20px,5vw,80px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem}
.site-footer div{display:flex;flex-wrap:wrap;align-items:center;gap:25px}
.site-footer button{background:transparent;border:1px solid #623e2e55;border-radius:24px;padding:9px 13px;min-height:42px}
.site-footer button:disabled{opacity:.55;cursor:default}
.site-footer a{min-height:42px;display:inline-flex;align-items:center}
@media(max-width:900px){.kits-intro{grid-template-columns:1fr;gap:20px}.kit-card{grid-template-columns:45% 55%}.kit-art{height:100%;min-height:280px}.kit-copy{min-height:280px}}
@media(max-width:800px){
.site-header{min-height:72px;padding-top:14px;padding-bottom:14px}.site-header>nav{display:none}.brand{width:146px}.header-action{font-size:.8rem}
.mobile-menu{display:block;margin-left:auto}
.mobile-menu summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:15px;font-size:.85rem;font-weight:700;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:16px;top:calc(100% + 8px);width:min(280px,calc(100vw - 32px));padding:16px 24px;background:var(--cream);border:1px solid #623e2e30;border-radius:20px;box-shadow:0 14px 35px #623e2e24;display:grid;gap:4px}
.site-header .header-action{display:none}
.journey-rail{top:84px;gap:18px;padding:10px 12px;min-height:74px;margin-bottom:45px}
.journey-mark{width:48px}
.journey-rail nav{gap:clamp(16px,4vw,40px)}
.journey-rail a{font-size:.8rem}
.journey-progress{left:78px;right:12px;bottom:9px}
.kit-card{scroll-margin-top:64px}
.wow-stage{min-height:750px;height:min(850px,calc(100svh - 72px))}
.wow-intro,.wow-reveal{left:7%;width:86%;top:10%}
body.wow-active .wow-copy-window{left:7%;width:86%;top:10%}
.wow-intro h1{font-size:clamp(2.45rem,7.5vw,4rem);margin:13px 0}
.wow-intro>p:not(.eyebrow){font-size:1rem}.wow-intro .pill-link{margin-top:17px}
.wow-reveal{top:10%}.wow-reveal h2{font-size:clamp(2.5rem,6.4vw,4rem);margin:8px 0 10px}
.wow-reveal>p:not(.eyebrow){font-size:1rem}.wow-reveal .text-link{margin-top:10px}
.wow-backplate,.wow-window{top:52%;right:7%;width:86%;height:38%;border-radius:43% 43% 38% 41%}
.wow-seed{top:46%;left:calc(50% - 50px);width:100px}
.wow-piece{width:50px;height:50.9554px}.wow-piece img{width:100px;height:101.9108px}
.piece-1 img,.piece-3 img{left:-50px}.piece-2 img,.piece-3 img{top:-50.9554px}
.wow-label{bottom:8%;right:11%;font-size:.67rem}.wow-scroll-cue{bottom:5%;left:8%}
.wow-slab-gold{width:37%;left:-26%;bottom:-3%}.wow-slab-teal{width:42%;right:-30%;top:-14%}.wow-slab-plum{right:-23%;bottom:-21%;width:43%}
body.wow-active .wow-story{height:calc(300svh - 72px)}body.wow-active .wow-stage{height:calc(100svh - 72px);top:72px}
.closing{grid-template-columns:1fr;gap:28px;text-align:center}.closing p:not(.eyebrow){margin:auto}.closing .pill-link{margin-top:28px}
}

/* Opción 2: un escenario compartido da tiempo para mirar cada idea. */
@media(min-width:901px){
  body.journey-immersive.wow-active .kit-grid{--chapter-vh:380;height:calc(var(--chapter-vh) * 3svh + 100svh - 86px);padding:0;display:block;max-width:1420px}
  body.journey-immersive.wow-active .kit-stage{display:block;position:sticky;top:86px;height:calc(100svh - 86px);min-height:590px}
  body.journey-immersive.wow-active .kit-card{position:absolute;inset:0;min-height:0;grid-template-columns:43% 53%;gap:4%;align-items:center;opacity:0}
  body.journey-immersive.wow-active .kit-art{order:1;height:min(620px,74svh)}
  body.journey-immersive.wow-active .kit-copy{padding:25px 12px 25px 0;align-self:center}
  body.journey-immersive.wow-active .kit-copy h3{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.07;max-width:570px}
  body.journey-immersive.wow-active .kits-section{padding-bottom:0}
  body.journey-immersive.wow-active .kits-intro-hold{height:380svh;position:relative}
  body.journey-immersive.wow-active .kits-intro{position:sticky;top:176px;height:calc(100svh - 330px);min-height:330px;align-items:center;margin-bottom:0;padding:0 clamp(35px,6.5vw,100px);gap:clamp(30px,5vw,80px)}
  body.journey-immersive.wow-active .journey-rail{position:sticky;top:86px;z-index:8;margin-bottom:0;padding:8px 0 0;min-height:76px;background:#f9faf5f5;backdrop-filter:blur(12px)}
  body.journey-immersive.wow-active .journey-rail nav{gap:16px}
  body.journey-immersive.wow-active .journey-rail a{flex:1;justify-content:center;padding:10px 18px;min-height:66px;opacity:.58;transition:color .25s,background-color .25s,opacity .25s;border-radius:16px 16px 0 0}
  body.journey-immersive.wow-active .journey-rail a[aria-current="step"]{opacity:1;background:#f3e3c9;color:#8b591f;border-color:#de9b4c}
  body.journey-immersive.wow-active .journey-rail a:nth-child(2)[aria-current="step"]{background:#e1eee7;color:#397e69;border-color:#5ca793}
  body.journey-immersive.wow-active .journey-rail a:nth-child(3)[aria-current="step"]{background:#eee0ec;color:#844a77;border-color:#9a5b8a}
  body.journey-immersive.wow-active .kit-card{top:70px}
  body.journey-immersive.wow-active .scene-nav{display:none}
  body.journey-immersive.wow-active .scene-nav{position:absolute;bottom:50px;left:0;display:none;gap:25px;z-index:8}
  .scene-nav button{font-size:.77rem;font-weight:700;letter-spacing:.02em;background:transparent;border:0;border-bottom:2px solid #623e2e22;padding:12px 2px;min-height:44px;opacity:.55}
  .scene-nav button[aria-pressed="true"]{border-color:var(--teal);opacity:1}
  body.journey-immersive.wow-active .journey-atmosphere span{background:radial-gradient(ellipse at 75% 55%,#efd8ad 0%,#f8eddc 44%,#f9faf5 80%)}
  body.journey-immersive.wow-active .journey-atmosphere span:nth-child(2){background:radial-gradient(ellipse at 75% 55%,#c6e1d7 0%,#edf4eb 48%,#f9faf5 82%)}
  body.journey-immersive.wow-active .journey-atmosphere span:nth-child(3){background:radial-gradient(ellipse at 75% 55%,#e1c8dc 0%,#f3e9ef 46%,#f9faf5 82%)}
}
@media(min-width:600px) and (max-width:800px){.wow-backplate,.wow-window{top:43%;height:56%}}
@media(max-width:600px){.kit-card{display:block}.kit-art{height:280px;min-height:0}.kit-copy{min-height:255px}}
@media(max-width:480px){
.header-action{font-size:.72rem;gap:4px}.brand{width:130px}
.wow-intro h1{font-size:clamp(2.45rem,10vw,3.2rem)}
.wow-intro .eyebrow{font-size:.66rem;letter-spacing:.08em;max-width:285px}
.wow-reveal h2{font-size:clamp(2.15rem,8vw,3.2rem)}
.wow-stage{min-height:680px}.wow-scroll-cue{display:none}
.wow-intro .pill-link{min-height:48px;padding:10px 16px;font-size:.8rem}
.wow-label{max-width:65%;text-align:center}
.kits-intro h2{font-size:clamp(2.6rem,10vw,3.5rem)}
.closing h2{font-size:clamp(2.8rem,10vw,4rem)}
body:not(.wow-active) .wow-intro h1{font-size:min(2.45rem,14vw)}
body:not(.wow-active) .wow-reveal h2{font-size:min(2.5rem,13vw)}
}
@media(max-height:680px){.wow-stage{height:auto;min-height:690px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kit-card{transition:none}.kit-card:hover{transform:none}}

.journey-atmosphere{display:none}
/* Exploración de escritorio. El diseño compacto se revisará al aprobar éste. */
@media(min-width:901px){
  body.wow-active .wow-story{height:calc(800svh - 86px)}
  .wow-travel{z-index:2}
  .wow-piece{overflow:visible;--mask-x:0px;--mask-y:0px}
  .wow-piece.piece-1{--mask-x:-70px}
  .wow-piece.piece-2{--mask-y:-71.3376px}
  .wow-piece.piece-3{--mask-x:-70px;--mask-y:-71.3376px}
  .petal-sheen{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(var(--unfurl,0)*.48);background:linear-gradient(115deg,#fff8e5a8 5%,#fff8e518 39%,#542d252b 62%,transparent 83%);mask:url("../img/marca/helora-isotipo.png") var(--mask-x) var(--mask-y)/140px 142.6752px no-repeat}
  /* El avatar original aporta resolución al ampliar; recorte CSS, sin redibujar. */
  .wow-piece img{opacity:calc(1 - var(--detail,0))}
  .petal-face:after{content:"";position:absolute;inset:0;background-image:url("../img/marca/helora-avatar-1080.png");background-size:209.7087px 209.7087px;background-position:-34.7573px -33.7864px;background-repeat:no-repeat;opacity:var(--detail,0)}
  .petal-face:after{mask-image:url("../img/marca/helora-isotipo.png");mask-size:140px 142.6752px;mask-repeat:no-repeat;mask-position:0 0}
  .wow-piece.piece-1 .petal-face:after{background-position:-104.7573px -33.7864px;mask-position:-70px 0}
  .wow-piece.piece-2 .petal-face:after{background-position:-34.7573px -105.124px;mask-position:0 -71.3376px}
  .wow-piece.piece-3 .petal-face:after{background-position:-104.7573px -105.124px;mask-position:-70px -71.3376px}
  .kits-section{background:var(--cream);padding-top:68px}
  .journey-rail,body:not(.wow-active) .journey-rail{position:relative;top:auto;min-height:60px;padding:0 0 20px;margin-bottom:55px;background:none;border:0;border-radius:0;box-shadow:none;z-index:3}
  .journey-mark,.journey-progress{display:none}
  .journey-rail nav{width:100%;justify-content:space-between;gap:30px;border-bottom:1px solid #623e2e24}
  .journey-rail a{gap:18px;font-size:clamp(1.3rem,2.1vw,2rem);padding:10px 0 18px;letter-spacing:-.035em}
  .journey-rail a:before{font-size:.7rem;letter-spacing:.08em;font-weight:800;content:"01";color:#9d672b}
  .journey-rail a:nth-child(2):before{content:"02";color:#397e69}
  .journey-rail a:nth-child(3):before{content:"03";color:var(--plum)}
  .journey-rail a[aria-current="step"]{border-color:currentColor}
  .kits-intro{position:relative;z-index:3;padding-bottom:35px;background:var(--cream)}
  body.wow-active .kit-grid{position:relative;z-index:3;gap:180px;padding:65px 0 100px}
  body.wow-active .kit-card{position:relative;min-height:600px;background:none;border:0;box-shadow:none;overflow:visible;gap:40px;scroll-margin-top:30px}
  body.wow-active .kit-art{background:none;height:540px;overflow:visible}
  body.wow-active .kit-art:before{display:none}
  body.wow-active .kit-copy{position:relative;z-index:3;background:#f9faf5f2;border:1px solid #623e2e12;border-radius:38px;align-self:center}
  body.wow-active .paint-sheet{width:54%;height:58%;left:25%;top:24%}
  body.wow-active .flexi-figure{width:70%;height:47%;left:15%;top:34%}
  body.wow-active .kit-flexi .kit-art:before{display:block;z-index:-1;left:10%;top:25%;width:80%;height:48%;aspect-ratio:auto;background:var(--cream);border:0;border-radius:45% 48% 38% 43%;transform:rotate(-8deg);box-shadow:0 20px 35px #315b4720}
  body.wow-active .game-board{width:50%;left:28%;top:27%}
  body.wow-active .closing{position:relative;z-index:3}
}

/* Cada kit comparte color, ritmo y centro de composición con sus pétalos. */
@media(min-width:901px){
  body.wow-active .journey-atmosphere{display:block;position:fixed;inset:0;z-index:1;pointer-events:none}
  .journey-atmosphere span{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 22% 58%,#efd8ad 0%,#f8eddc 44%,#f9faf5 80%)}
  .journey-atmosphere span:nth-child(2){background:radial-gradient(ellipse at 78% 56%,#c6e1d7 0%,#edf4eb 48%,#f9faf5 82%)}
  .journey-atmosphere span:nth-child(3){background:radial-gradient(ellipse at 24% 56%,#e1c8dc 0%,#f3e9ef 46%,#f9faf5 82%)}
  body.wow-active .wow-travel{mix-blend-mode:multiply}
  body.wow-active .kits-section{background:transparent}
  body.wow-active .kits-intro{background:transparent}
  body.wow-active .kit-grid{gap:140px;padding-top:110px;padding-bottom:130px}
  body.wow-active .kit-card{min-height:720px;align-items:center;gap:6%;--accent:#9a6227;--wash:#efdab9;--arrive:1;--focus:1;--drift:0}
  body.wow-active .kit-flexi{--accent:#346c59;--wash:#cce4d9}
  body.wow-active .kit-game{--accent:#805071;--wash:#e5cfe0}
  body.wow-active .kit-art{height:600px;perspective:1000px}
  body.wow-active .kit-art:after{content:"";position:absolute;z-index:-1;inset:10% 4%;border:1px solid var(--accent);opacity:calc(.10 + var(--focus)*.16);border-radius:50%;transform:rotate(calc(-24deg + var(--drift)*18deg)) scale(calc(.88 + var(--arrive)*.12))}
  body.wow-active .kit-copy{background:transparent;border:0;border-radius:0;padding:44px 25px;transform:translateY(calc((1 - var(--arrive))*22px))}
  body.wow-active .kit-number{color:var(--accent);display:flex;align-items:center;gap:17px}
  body.wow-active .kit-number:before{content:"";height:2px;width:calc(22px + var(--arrive)*35px);background:currentColor}
  body.wow-active .kit-copy h3{font-size:clamp(2.8rem,4.2vw,4.4rem);max-width:560px;margin:24px 0}
  body.wow-active .kit-copy p{font-size:1.12rem;max-width:370px}
  body.wow-active .kit-status{background:var(--wash);border:0;color:var(--accent);padding:9px 15px;margin-top:32px}
  body.wow-active .paint-sheet{width:55%;height:56%;left:22%;top:23%;border-radius:14px 35px 15px 30px;transform:rotate(-8deg);box-shadow:9px 14px 0 #c9975945,14px 26px 35px #623e2e25}
  body.wow-active .paint-stroke{transform-origin:left center;scale:calc(.25 + var(--arrive)*.75) 1}
  body.wow-active .stroke-teal{scale:calc(.12 + var(--arrive)*.88) 1}
  body.wow-active .stroke-plum{scale:var(--arrive) 1}
  body.wow-active .paint-dot{width:8%;box-shadow:2px 5px 0 #623e2e20;transform:translate(calc((1 - var(--arrive))*22px),calc(var(--drift)*-45px))}
  body.wow-active .dot-one{left:10%;top:62%}
  body.wow-active .dot-two{left:77%;top:28%}
  body.wow-active .dot-three{left:73%;top:76%}
  body.wow-active .kit-flexi .kit-art:before{display:none}
  body.wow-active .flexi-figure{width:76%;height:43%;left:11%;top:32%;transform:rotate(-10deg);filter:drop-shadow(5px 16px 12px #214e3b35)}
  body.wow-active .flexi-head,body.wow-active .flexi-segment,body.wow-active .flexi-tail{border:2px solid #b77d45;background:#f6d4a5}
  body.wow-active .flexi-head:before,body.wow-active .flexi-head:after{background:#f6d4a5;border:2px solid #b77d45}
  body.wow-active .flexi-a{background:#f2c68e;translate:0 calc(var(--drift)*-22px);rotate:calc(var(--drift)*12deg)}
  body.wow-active .flexi-b{background:#edb978;translate:0 calc(var(--drift)*-42px);rotate:calc(var(--drift)*20deg)}
  body.wow-active .flexi-c{background:#e6ac64;translate:0 calc(var(--drift)*-58px);rotate:calc(var(--drift)*26deg)}
  body.wow-active .flexi-tail{background:#de9b4c;translate:0 calc(var(--drift)*-68px);rotate:calc(var(--drift)*30deg)}
  body.wow-active .flexi-orbit{left:18%;bottom:23%;width:68%;height:9%;border:0;background:#315b4718;filter:blur(8px);transform:rotate(-10deg) scaleX(calc(.85 + var(--focus)*.15))}
  body.wow-active .game-board{width:56%;left:23%;top:23%;padding:15px;gap:8px;border-radius:25px;background:#fffaf4;transform:rotate(-10deg);box-shadow:8px 12px 0 #69475c55,15px 24px 35px #623e2e29}
  body.wow-active .game-board span{background:#eadce7}
  body.wow-active .game-board span:nth-child(2),body.wow-active .game-board span:nth-child(6){background:#e8b370}
  body.wow-active .game-board span:nth-child(4),body.wow-active .game-board span:nth-child(8){background:#86bfa9}
  body.wow-active .game-board span:nth-child(5){background:#bb92ae}
  body.wow-active .game-piece{width:10%;border:5px solid #fffaf45e;box-shadow:3px 7px 0 #623e2e40;scale:calc(.8 + var(--arrive)*.2)}
  body.wow-active .game-piece-one{left:calc(9% + var(--arrive)*24%);top:calc(77% - var(--arrive)*26%);bottom:auto;background:var(--teal);rotate:calc((1 - var(--arrive))*-35deg)}
  body.wow-active .game-piece-two{left:calc(82% - var(--arrive)*21%);top:calc(16% + var(--arrive)*15%);right:auto;background:var(--gold);rotate:calc((1 - var(--arrive))*35deg)}
}

