:root{--ink:#09051a;--ink2:#17102e;--cream:#f7f3eb;--pink:#ff4568;--violet:#8f6bff;--lime:#d7ff4f;--cyan:#58e7ff;--muted:#aca7b8;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(143,107,255,.12),transparent 65%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.nav-wrap{position:fixed;top:0;width:100%;z-index:50;transition:.4s}.nav-wrap.scrolled{background:rgba(9,5,26,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;color:white}.brand{font:700 21px "Space Grotesk";letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,var(--pink),var(--violet));border-radius:50%;color:white;font-size:25px;box-shadow:0 0 24px rgba(255,69,104,.35)}.lime{color:var(--lime)}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.nav-links>a:not(.nav-cta){color:#d6d2df;transition:.2s}.nav-links>a:hover{color:white}.nav-cta{border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:11px 18px}.nav-cta span{color:var(--lime)}.menu-btn{display:none;background:none;border:0}.hero{min-height:100svh;width:100%;max-width:none;background:radial-gradient(circle at 73% 42%,#291854 0,#10082a 28%,var(--ink) 59%);color:white;position:relative;display:grid;grid-template-columns:minmax(380px,1fr) 1.15fr;align-items:center;padding:110px max(24px,calc((100vw - 1180px)/2)) 60px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,5,26,.45),transparent 50%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.025) 25%)}.hero-copy{position:relative;z-index:5}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#d8d4e1}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin:0}h1{font-size:clamp(64px,7vw,112px);line-height:.82;letter-spacing:-7px;margin:25px 0 28px}.gradient-text{color:transparent;background:linear-gradient(90deg,var(--pink),#ff7bb3,var(--violet));background-clip:text;-webkit-background-clip:text}.lead{font-size:19px;line-height:1.55;color:#bbb6ca;max-width:540px}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{border:0;border-radius:100px;padding:16px 24px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary{background:var(--lime);color:var(--ink);box-shadow:0 10px 30px rgba(215,255,79,.18)}.btn-primary:hover{box-shadow:0 14px 38px rgba(215,255,79,.32)}.btn-ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.25)}.play{font-size:10px}.trust-row{margin-top:36px;display:flex;gap:24px;color:#7f788d;font-size:11px;text-transform:uppercase;letter-spacing:1px}.trust-row span:before{content:"✓";color:var(--lime);margin-right:6px}.space-stage{height:680px;position:relative;perspective:1000px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotateX(68deg);animation:orbit 16s linear infinite}.orbit-one{width:570px;height:570px}.orbit-two{width:780px;height:780px;animation-direction:reverse}.planet{position:absolute;border-radius:50%;filter:blur(.2px)}.planet-a{width:19px;height:19px;background:var(--pink);top:18%;right:16%;box-shadow:0 0 30px var(--pink)}.planet-b{width:10px;height:10px;background:var(--cyan);bottom:22%;left:12%;box-shadow:0 0 25px var(--cyan)}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,var(--violet) 1px,transparent 2px);background-size:95px 95px,150px 150px;background-position:0 0,35px 65px;opacity:.48}.ufo-scene{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s ease-out}.ufo{position:absolute;width:390px;height:250px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 35px 35px rgba(0,0,0,.45));animation:float 4s ease-in-out infinite;z-index:3}.dome{position:absolute;width:180px;height:110px;border-radius:100px 100px 15px 15px;left:105px;top:8px;background:linear-gradient(135deg,rgba(186,155,255,.95),rgba(73,216,255,.35));border:3px solid rgba(255,255,255,.6);box-shadow:inset 15px 12px 30px rgba(255,255,255,.3)}.alien{position:absolute;width:82px;height:65px;background:#c8ff5b;border-radius:50% 50% 45% 45%;left:47px;top:31px}.alien b{position:absolute;width:17px;height:24px;border-radius:50%;background:var(--ink);top:16px}.alien b:first-child{left:16px;transform:rotate(-9deg)}.alien b:nth-child(2){right:16px;transform:rotate(9deg)}.alien i{position:absolute;width:20px;height:8px;border-bottom:2px solid var(--ink);border-radius:50%;left:31px;top:42px}.rim{position:absolute;left:15px;top:90px;width:360px;height:90px;background:linear-gradient(180deg,#fe5476,#9b4ef4 75%);border-radius:50%;border:4px solid #34184d;z-index:4;box-shadow:inset 0 -23px 30px rgba(21,8,42,.35)}.rim:after{content:"";position:absolute;inset:16px 35px 21px;background:#211039;border-radius:50%;border:2px solid #ffc9db}.rim span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--lime);top:32px;z-index:2;box-shadow:0 0 12px var(--lime)}.rim span:nth-child(1){left:55px}.rim span:nth-child(2){left:112px}.rim span:nth-child(3){left:174px}.rim span:nth-child(4){right:112px}.rim span:nth-child(5){right:55px}.body{position:absolute;width:210px;height:96px;left:90px;top:128px;border-radius:10% 10% 60% 60%;background:linear-gradient(180deg,#f44775,#7336c3);border:4px solid #321747}.beam{position:absolute;z-index:1;left:50%;top:55%;width:330px;height:320px;transform:translateX(-50%);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:linear-gradient(rgba(215,255,79,.18),transparent);filter:blur(3px);opacity:.65}.product-float{position:absolute;left:53%;top:64%;z-index:2;width:100px;height:150px;border-radius:18px;overflow:hidden;transform:rotate(9deg);box-shadow:0 20px 45px rgba(0,0,0,.4);animation:product-float 4s ease-in-out infinite}.product-float img{width:100%;height:100%;object-fit:cover}.floating-label{position:absolute;z-index:5;background:rgba(16,8,42,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);padding:13px 17px;border-radius:12px;display:flex;flex-direction:column}.floating-label small{color:#8d869a;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.floating-label strong{font:600 12px "Space Grotesk";margin-top:3px}.label-top{right:3%;top:20%}.label-bottom{left:4%;bottom:18%}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#777083;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:flex;gap:10px;align-items:center;z-index:5}.scroll-cue span{display:block;width:1px;height:25px;background:linear-gradient(var(--lime),transparent)}@keyframes float{50%{transform:translate(-50%,-55%) rotate(1deg)}}@keyframes product-float{50%{transform:translateY(-18px) rotate(-3deg)}}@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}.marquee{overflow:hidden;background:var(--lime);padding:13px 0;font:700 13px "Space Grotesk";letter-spacing:2px}.marquee-track{width:max-content;display:flex;animation:marquee 20s linear infinite}.marquee-track span{padding-right:12px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:130px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:70px}.section-no{font:700 11px "Space Grotesk";letter-spacing:1.5px;color:#8f8997;margin-top:12px}.section-head h2{font-size:clamp(48px,6.6vw,90px);line-height:.9;letter-spacing:-5px;text-align:right}.section-head h2 span{color:#b9b3c0}.mission-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.mission-grid article{border-radius:24px;padding:42px;min-height:430px;position:relative;overflow:hidden;transform-style:preserve-3d}.problem-card{background:white;border:1px solid #ded8e2}.solution-card{background:var(--ink2);color:white}.solution-card:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,var(--violet),transparent 65%);opacity:.3}.card-icon{width:65px;height:65px;border-radius:18px;display:grid;place-items:center;font-size:27px;margin-bottom:65px}.hot{background:#ffe1d6;color:#ff5d3d}.tag{font:700 10px "Space Grotesk";letter-spacing:1.4px;color:#8b8493}.lime-tag{color:var(--lime)}.mission-grid h3{font-size:35px;line-height:1.05;letter-spacing:-1.8px;margin:12px 0 20px;max-width:520px}.mission-grid p{color:#77717f;line-height:1.7;max-width:530px}.solution-card p{color:#aaa4b5}.signal{position:absolute;bottom:35px;display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#9c95a3}.signal i{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 6px rgba(255,69,104,.12)}.solution-stats{position:absolute;bottom:35px;left:42px;right:42px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:65px}.solution-stats div{display:flex;align-items:center;gap:12px}.solution-stats strong{font:700 40px "Space Grotesk";color:var(--lime)}.solution-stats span{font-size:11px;color:#91899c;max-width:75px}.flavors{background:var(--ink);color:white;overflow:hidden}.section-head.light h2 span{color:#5d566d}.flavor-tabs{display:flex;border-bottom:1px solid var(--line)}.flavor-tab{flex:1;text-align:left;padding:18px 0;background:none;border:0;color:#6f687d;font:600 13px "Space Grotesk";cursor:pointer;position:relative}.flavor-tab.active{color:white}.flavor-tab.active:after{content:"";position:absolute;height:3px;background:var(--pink);left:0;right:22%;bottom:-2px}.flavor-showcase{display:grid;grid-template-columns:.8fr 1.25fr .85fr;align-items:center;min-height:570px;transition:opacity .25s}.badge{font-size:9px;letter-spacing:1px;background:var(--pink);padding:6px 9px;border-radius:20px}.flavor-copy h3{font-size:65px;line-height:.87;letter-spacing:-4px;margin:22px 0}.flavor-copy p{color:#9992a7;line-height:1.65}.price{margin-top:35px}.price small{display:block;color:#6e6779;font-size:9px;letter-spacing:1.4px}.price strong{font:700 25px "Space Grotesk"}.product-card{position:relative;height:510px;display:grid;place-items:center;perspective:900px}.product-halo{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--pink),#67235e 45%,transparent 70%);filter:blur(8px);opacity:.7}.product-card img{width:270px;height:390px;object-fit:cover;border-radius:32px;position:relative;z-index:2;transform:rotate(5deg) rotateY(-8deg);box-shadow:35px 40px 70px rgba(0,0,0,.5);transition:.4s}.product-card:hover img{transform:rotate(-2deg) rotateY(6deg) translateY(-10px)}.ingredient{position:absolute;z-index:3;font:600 10px "Space Grotesk";text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);padding:9px 12px;border-radius:30px}.ing-a{left:5%;top:24%}.ing-b{right:3%;top:38%}.ing-c{left:10%;bottom:19%}.flavor-data>div{display:grid;grid-template-columns:1fr 90px 35px;align-items:center;gap:9px;margin:20px 0}.flavor-data span,.flavor-data b{font-size:9px;letter-spacing:1px;color:#888193}.meter{height:3px;background:#312a40}.meter i{display:block;width:var(--value);height:100%;background:var(--lime)}.btn-light{background:white;color:var(--ink);margin-top:30px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7d0dc;margin-top:30px}.process-line article{padding:32px 24px 30px 0;position:relative}.process-line article:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--pink)}.process-line>article>span{font-size:10px;color:#a49dab}.process-icon{font-size:31px;color:var(--violet);margin:60px 0 22px}.process-line h3{font-size:21px}.process-line p{font-size:13px;line-height:1.6;color:#77717f;max-width:190px}.impact-panel{margin-top:90px;background:linear-gradient(115deg,#1b1036,#0c081c);color:white;border-radius:25px;padding:55px;display:grid;grid-template-columns:1.2fr 1fr .5fr;align-items:center;gap:60px;position:relative;overflow:hidden}.impact-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;bottom:-140px;background:var(--pink);filter:blur(50px);opacity:.25}.impact-panel>div>span{font-size:9px;letter-spacing:1.5px;color:var(--lime)}.impact-panel h3{font-size:31px;line-height:1.1;margin-top:10px}.impact-panel p{color:#aaa4b5;line-height:1.6}.impact-metric{display:flex!important;align-items:center;gap:10px}.impact-metric strong{font:700 64px "Space Grotesk";color:var(--lime)}.impact-metric span{color:#aaa4b5!important;line-height:1.3!important}.team{background:#130b29;color:white}.crew-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.crew-grid article{padding:34px 22px;border-right:1px solid var(--line);transition:.3s}.crew-grid article:last-child{border:0}.crew-grid article:hover{background:var(--violet);transform:translateY(-8px)}.crew-grid b{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));margin-bottom:55px;font:700 14px "Space Grotesk"}.crew-grid h3{font-size:20px;line-height:1.1}.crew-grid span{display:block;color:#7d7589;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:15px}.crew-grid article:hover span{color:white}.quote{font:500 clamp(27px,4vw,50px)/1.15 "Space Grotesk";letter-spacing:-2px;text-align:center;max-width:920px;margin:120px auto 0;color:#ddd7e8}.final-cta{background:var(--ink);color:white;text-align:center;position:relative;overflow:hidden;padding:150px 0}.final-cta .shell{position:relative;z-index:2}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(70px,11vw,160px);line-height:.78;letter-spacing:-9px;margin:35px 0}.final-cta h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.final-cta p{color:#aaa4b5;margin:30px 0}.cta-planet{position:absolute;width:700px;height:700px;border-radius:50%;left:50%;top:55%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#ff5276,#652b92 45%,#160c2e 70%);box-shadow:0 0 100px rgba(143,107,255,.25);opacity:.45}footer{background:#070412;color:white;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.footer-grid p{color:#777083;line-height:1.6;font-size:13px}.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:13px;text-align:right}.copyright{border-top:1px solid var(--line);margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;color:#514a5d;font-size:9px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.mission-modal{position:fixed;inset:0;background:rgba(6,3,15,.92);backdrop-filter:blur(15px);z-index:90;color:white;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.35s;padding:30px}.mission-modal.open{visibility:visible;opacity:1}.mission-modal>div{max-width:700px;text-align:center}.mission-modal span{color:var(--lime);font-size:10px;letter-spacing:2px}.mission-modal h2{font-size:clamp(60px,9vw,110px);line-height:.84;letter-spacing:-6px;margin:25px 0}.mission-modal p{color:#aaa4b5;line-height:1.7;max-width:540px;margin:0 auto 30px}.modal-close{position:absolute;top:30px;right:40px;background:none;border:0;color:white;font-size:38px;cursor:pointer}
@media(max-width:900px){.nav-links{position:fixed;inset:0;background:var(--ink);flex-direction:column;justify-content:center;font-size:24px;transform:translateX(100%);transition:.4s}.nav-links.open{transform:none}.menu-btn{display:flex;z-index:2;flex-direction:column;gap:7px}.menu-btn span{width:28px;height:2px;background:white}.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions{justify-content:center}.lead{margin:auto}.trust-row{justify-content:center}.space-stage{height:520px}.ufo{transform:translate(-50%,-50%) scale(.8)}.section-head{display:block}.section-head h2{text-align:left;margin-top:20px}.mission-grid{grid-template-columns:1fr}.flavor-showcase{grid-template-columns:1fr 1fr}.flavor-data{grid-column:1/-1;padding-bottom:50px}.process-line{grid-template-columns:1fr 1fr}.impact-panel{grid-template-columns:1fr}.crew-grid{grid-template-columns:repeat(2,1fr)}.crew-grid article:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid p{display:none}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:57px;letter-spacing:-4px}.hero-actions{flex-direction:column}.trust-row{gap:10px;flex-wrap:wrap}.space-stage{height:410px}.ufo{transform:translate(-50%,-50%) scale(.58)}.product-float{width:65px;height:100px}.floating-label{display:none}.section{padding:90px 0}.section-head{margin-bottom:45px}.section-head h2{font-size:47px;letter-spacing:-3px}.mission-grid article{padding:28px;min-height:450px}.solution-stats{left:28px;right:28px;gap:20px}.solution-stats strong{font-size:30px}.flavor-tabs{overflow-x:auto}.flavor-tab{min-width:190px}.flavor-showcase{grid-template-columns:1fr}.flavor-copy{padding-top:45px}.product-card{height:410px}.product-card img{width:220px;height:320px}.flavor-data{grid-column:auto}.process-line{grid-template-columns:1fr}.process-line article{border-bottom:1px solid #ddd6e0}.process-icon{margin:25px 0 12px}.impact-panel{padding:32px;gap:25px}.crew-grid{grid-template-columns:1fr 1fr}.crew-grid article{padding:25px 15px}.crew-grid b{margin-bottom:35px}.quote{margin-top:80px}.final-cta h2{font-size:66px;letter-spacing:-5px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{text-align:left;margin-top:30px}.copyright{gap:20px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Identidad de marca y gemelos digitales */
.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 24px rgba(88,231,255,.2)}.hero-logo{position:absolute;z-index:7;right:1%;bottom:6%;width:125px;height:125px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(0,0,0,.45);animation:logo-float 4s ease-in-out infinite}.twin-hint{font-size:10px!important;text-transform:uppercase;letter-spacing:1.2px;color:var(--cyan)!important;margin-top:24px}.twin-viewer{cursor:grab;user-select:none;touch-action:none}.twin-viewer:active{cursor:grabbing}.twin-space{position:absolute;inset:0}.twin-space i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime);animation:star-pulse 2s ease-in-out infinite}.twin-space i:nth-child(1){left:18%;top:28%}.twin-space i:nth-child(2){right:16%;top:20%;animation-delay:.6s;background:var(--pink)}.twin-space i:nth-child(3){right:19%;bottom:23%;animation-delay:1.1s;background:var(--cyan)}.ice-twin{position:relative;width:190px;height:405px;z-index:3;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(3deg);transition:transform .12s ease-out,filter .35s;filter:drop-shadow(32px 35px 25px rgba(0,0,0,.45))}.ice-cap{position:absolute;z-index:4;width:66px;height:45px;left:62px;top:-15px;background:linear-gradient(90deg,#fff,#d8e8ef 50%,#fff);border-radius:15px 15px 8px 8px;border:2px solid rgba(255,255,255,.7);box-shadow:inset -8px 0 10px rgba(80,100,120,.16)}.ice-cap:after{content:"";position:absolute;width:45px;height:18px;left:8px;top:32px;background:#eef7fa;border-radius:50%}.ice-bag{position:absolute;inset:18px 5px 0;border-radius:50% 50% 42% 42%/12% 12% 9% 9%;background:linear-gradient(100deg,#f7adc1 0,#ff5b83 35%,#d9275b 72%,#ff9eb7);border:2px solid rgba(255,255,255,.65);overflow:hidden;box-shadow:inset 18px 0 25px rgba(255,255,255,.18),inset -20px 0 28px rgba(95,0,45,.18)}.ice-bag:before,.ice-bag:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.25)}.ice-bag:before{left:12px}.ice-bag:after{right:12px}.ice-shine{position:absolute;width:30px;height:270px;left:24px;top:30px;border-radius:50%;background:linear-gradient(rgba(255,255,255,.62),transparent);filter:blur(3px);transform:rotate(5deg)}.ice-face{position:absolute;width:120px;height:80px;left:32px;top:92px}.ice-face b{position:absolute;width:27px;height:35px;border-radius:50%;background:#17102e;border:4px solid white;box-shadow:inset 5px 5px 0 #58e7ff}.ice-face b:first-child{left:15px}.ice-face b:nth-child(2){right:15px}.ice-face i{position:absolute;width:38px;height:20px;border-bottom:5px solid #17102e;border-radius:50%;left:40px;top:43px}.ice-label{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);text-align:center;color:white;font:800 20px/1 "Space Grotesk";letter-spacing:-1px;text-shadow:0 2px 8px rgba(75,0,25,.35);white-space:nowrap}.mix-ins{position:absolute;inset:0;background-image:radial-gradient(circle,#63283b 0 3px,transparent 4px);background-size:34px 43px;opacity:0;transition:.3s}.twin-meteorito .ice-bag{background:linear-gradient(100deg,#f7a9c0,#ff4c78 47%,#c62355)}.twin-meteorito .mix-ins{opacity:1;background-image:radial-gradient(circle,#3a1b20 0 4px,transparent 5px)}.twin-roja .ice-bag{background:linear-gradient(100deg,#ff6c71,#ed214c 48%,#a90735)}.twin-roja .ice-label{color:#fff3ca}.twin-oreo .ice-bag{background:linear-gradient(100deg,#765b55,#3c2d31 48%,#160f18)}.twin-oreo .mix-ins{opacity:1;background-image:radial-gradient(circle,#0a0710 0 6px,transparent 7px);background-size:42px 52px}.drag-ring{position:absolute;width:310px;height:100px;border:1px dashed rgba(88,231,255,.42);border-radius:50%;bottom:40px;transform:rotateX(65deg);animation:ring-spin 9s linear infinite}.drag-ring:after{content:"360°";position:absolute;right:15px;top:40px;color:var(--cyan);font:700 9px "Space Grotesk";letter-spacing:1px}@keyframes ring-spin{to{transform:rotateX(65deg) rotateZ(360deg)}}@keyframes star-pulse{50%{transform:scale(1.7);opacity:.45}}@keyframes logo-float{50%{transform:translateY(-10px) rotate(3deg)}}

/* Tutorial interactivo */
.tutorial{background:#f4efe5;position:relative;overflow:hidden}.tutorial:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 80%,rgba(255,69,104,.11),transparent 25%),radial-gradient(circle at 90% 20%,rgba(143,107,255,.12),transparent 28%)}.tutorial .shell{position:relative}.tutorial-console{display:grid;grid-template-columns:1.28fr .72fr;background:#0d0720;border-radius:28px;overflow:hidden;box-shadow:0 35px 80px rgba(27,16,46,.18)}.video-stage{min-height:630px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#39226d,#130b2e 55%,#09051a);isolation:isolate}.video-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(88,231,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(88,231,255,.07) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(60deg) scale(1.5);transform-origin:bottom;top:42%}.video-orbit{position:absolute;width:460px;height:460px;border:1px solid rgba(215,255,79,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(143,107,255,.17)}#chefMascot{position:absolute;z-index:3;height:570px;max-width:82%;object-fit:contain;left:50%;bottom:-35px;transform:translateX(-50%);filter:drop-shadow(0 25px 35px rgba(0,0,0,.4));transition:.45s cubic-bezier(.2,.8,.2,1)}.video-stage.playing #chefMascot{animation:chef-talk .75s ease-in-out infinite}.speech{position:absolute;z-index:5;top:28px;left:30px;max-width:260px;padding:15px 18px;background:white;color:#231538;border-radius:18px 18px 18px 4px;font:700 13px/1.4 "Space Grotesk";box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.25s}.ingredient-fx{position:absolute;z-index:4;right:10%;top:18%;font-size:72px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3));animation:ingredient-bob 2s ease-in-out infinite}.video-play{position:absolute;z-index:8;left:30px;bottom:30px;width:58px;height:58px;border-radius:50%;border:0;background:var(--lime);color:#17102e;display:grid;place-items:center;font-size:17px;cursor:pointer;box-shadow:0 0 0 10px rgba(215,255,79,.1)}.video-status{position:absolute;z-index:7;right:25px;bottom:25px;color:white;font-size:9px;letter-spacing:1.5px;display:flex;gap:18px}.video-status span{color:var(--lime)}.lesson-panel{padding:48px 38px;background:#15102a;color:white}.lesson-kicker{font:700 9px "Space Grotesk";letter-spacing:1.5px;color:var(--lime)}.lesson-panel>h3{font-size:35px;line-height:1.02;letter-spacing:-2px;margin:14px 0 30px}.lesson-steps{display:flex;flex-direction:column;gap:7px}.lesson-step{display:grid;grid-template-columns:35px 1fr;text-align:left;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:transparent;color:#8f879e;cursor:pointer;transition:.25s}.lesson-step:hover,.lesson-step.active{background:rgba(143,107,255,.18);border-color:rgba(143,107,255,.55);color:white;transform:translateX(5px)}.lesson-step>b{color:var(--pink);font:700 11px "Space Grotesk"}.lesson-step span{font-size:11px}.lesson-step strong{display:block;font:600 14px "Space Grotesk";margin-bottom:3px}.lesson-controls{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:12px;margin-top:25px}.lesson-controls button{border:1px solid rgba(255,255,255,.18);color:white;background:transparent;border-radius:50%;width:34px;height:34px;cursor:pointer}.lesson-progress{height:3px;background:#302942}.lesson-progress i{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--pink),var(--lime));transition:.35s}.safety-note{font-size:10px;color:#756e81;margin-top:24px}.tutorial.flash .video-stage{animation:stage-flash .45s}.tutorial.flash #chefMascot{transform:translateX(-50%) scale(1.06) rotate(-2deg)}@keyframes chef-talk{50%{transform:translateX(-50%) translateY(-8px) rotate(1deg)}}@keyframes ingredient-bob{50%{transform:translateY(-16px) rotate(8deg)}}@keyframes stage-flash{50%{filter:brightness(1.25)}}

@media(max-width:900px){.hero-logo{width:90px;height:90px}.tutorial-console{grid-template-columns:1fr}.lesson-panel{padding:40px}.video-stage{min-height:560px}.flavor-tabs{overflow-x:auto}.flavor-tab{min-width:170px}}
@media(max-width:600px){.brand>span{font-size:13px}.brand-logo{width:40px;height:40px}.hero-logo{width:70px;height:70px;bottom:2%}.tutorial-console{border-radius:18px}.video-stage{min-height:450px}#chefMascot{height:420px;max-width:95%}.speech{left:15px;top:15px;max-width:210px}.ingredient-fx{font-size:50px}.lesson-panel{padding:30px 22px}.ice-twin{transform:scale(.86) rotateY(-12deg)}.drag-ring{width:270px}}

/* Volumen 3D real, condensación y control omnidireccional */
.product-card{perspective:1050px}.ice-twin{transform-origin:50% 50%;will-change:transform;transition:filter .3s}.volume-stack{position:absolute;inset:18px 5px 0;transform-style:preserve-3d;z-index:-1}.volume-layer{position:absolute;inset:0;border-radius:50% 50% 42% 42%/12% 12% 9% 9%;background:var(--twin-fluid,#ed4772);border:1px solid rgba(255,255,255,.22);box-shadow:inset 15px 0 24px rgba(255,255,255,.1),inset -15px 0 24px rgba(0,0,0,.12);transform:translateZ(var(--depth));opacity:var(--layer-opacity,.88)}.volume-layer.edge{filter:brightness(.72);opacity:.95}.twin-luna{--twin-fluid:#ef6f91}.twin-meteorito{--twin-fluid:#df476d}.twin-roja{--twin-fluid:#d9214d}.twin-oreo{--twin-fluid:#35272c}.ice-bag{backface-visibility:visible;transform:translateZ(42px)}.ice-cap{transform:translateZ(22px)}.condensation{position:absolute;inset:0;z-index:6;pointer-events:none}.water-drop{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:calc(var(--s) * 1.35);border-radius:55% 45% 60% 40%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.95) 0 14%,rgba(255,255,255,.38) 18%,rgba(180,225,255,.15) 58%,rgba(255,255,255,.48) 100%);box-shadow:inset -2px -3px 5px rgba(80,120,150,.18),0 2px 3px rgba(0,0,0,.14);transform:rotate(24deg);animation:drop-slide var(--dur) ease-in infinite;animation-delay:var(--delay)}.ice-twin.spinning{filter:drop-shadow(5px 42px 28px rgba(0,0,0,.42))}.twin-hint:after{content:" · doble clic para centrar"}@keyframes drop-slide{0%,35%{transform:translateY(0) rotate(24deg);opacity:.9}80%,100%{transform:translateY(14px) rotate(24deg);opacity:.15}}

/* Identidad oficial extraída del material GET */
.brand-logo.brand-logo-official{width:178px;height:58px;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:left center}.hero-wordmark{display:block;width:min(400px,82vw);height:auto;margin:25px 0 8px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3))}.hero-copy .hero-wordmark+h1{margin-top:12px}.social-card{max-width:960px;margin:70px auto 0;border:1px solid rgba(215,255,79,.25);border-radius:24px;padding:26px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:linear-gradient(110deg,rgba(215,255,79,.1),rgba(143,107,255,.12));transition:transform .3s,border-color .3s,background .3s}.social-card:hover{transform:translateY(-6px);border-color:var(--lime);background:linear-gradient(110deg,rgba(215,255,79,.16),rgba(143,107,255,.2))}.social-orbit{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);box-shadow:0 0 34px rgba(215,255,79,.2)}.social-orbit span{font-size:37px;font-weight:700}.social-card small{color:var(--lime);font:700 9px "Space Grotesk";letter-spacing:1.6px}.social-card h3{font-size:32px;margin:4px 0}.social-card p{margin:0;color:#938ba1;font-size:13px}.social-card>b{font:700 11px "Space Grotesk";letter-spacing:1px;color:var(--lime)}
@media(max-width:600px){.brand-logo.brand-logo-official{width:138px;height:46px}.hero-wordmark{width:290px;margin-top:20px}.social-card{grid-template-columns:auto 1fr;padding:22px 18px;gap:16px}.social-orbit{width:56px;height:56px}.social-card>b{grid-column:1/-1}.social-card h3{font-size:25px}}

/* Acciones sincronizadas del Capitán Ñam */
.audio-toggle{position:absolute;z-index:9;right:24px;top:24px;border:1px solid rgba(255,255,255,.22);background:rgba(13,7,32,.62);backdrop-filter:blur(10px);color:white;border-radius:30px;padding:9px 13px;cursor:pointer;font:700 9px "Space Grotesk";letter-spacing:1px}.audio-toggle.muted{opacity:.55}.action-prop{position:absolute;z-index:4;left:50%;bottom:65px;width:190px;height:110px;transform:translateX(-50%);opacity:0;transition:.25s;pointer-events:none}.action-prop span{position:absolute;inset:0;display:grid;place-items:center;font-size:78px;filter:drop-shadow(0 15px 16px rgba(0,0,0,.35))}.video-stage.action-wash #chefMascot{animation:action-wash 1.1s ease-in-out infinite}.video-stage.action-wash .action-prop,.video-stage.action-blend .action-prop,.video-stage.action-sprinkle .action-prop,.video-stage.action-pour .action-prop,.video-stage.action-freeze .action-prop{opacity:1}.video-stage.action-wash .action-prop span:before{content:"🫧  🫧"}.video-stage.action-blend #chefMascot{animation:action-blend .28s linear infinite}.video-stage.action-blend .action-prop span:before{content:"🥤"}.video-stage.action-sprinkle #chefMascot{animation:action-sprinkle .8s ease-in-out infinite}.video-stage.action-sprinkle .action-prop span:before{content:"🍪 · · 🍫"}.video-stage.action-pour #chefMascot{animation:action-pour 1.2s ease-in-out infinite}.video-stage.action-pour .action-prop span:before{content:"🥣 ➜ 🧃"}.video-stage.action-freeze #chefMascot{animation:action-freeze .18s linear infinite}.video-stage.action-freeze .action-prop span:before{content:"❄️  🧊  ❄️"}@keyframes action-wash{0%,100%{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(4deg)}}@keyframes action-blend{0%{transform:translateX(-50%) translateX(-3px)}50%{transform:translateX(-50%) translateX(3px)}}@keyframes action-sprinkle{0%,100%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(-6deg) translateY(-8px)}}@keyframes action-pour{0%,100%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(9deg) translateX(12px)}}@keyframes action-freeze{0%{transform:translateX(-50%) rotate(-1deg)}50%{transform:translateX(-50%) rotate(1deg)}}