:root{--blue:#0868ff;--blue2:#00a4ff;--orange:#ff9500;--orange2:#ffb31a;--ink:#05070b;--paper:#f4f6f8;--muted:#9ba5b4;--font-display:'Barlow Condensed',Impact,sans-serif;--font-body:'Inter',Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ink);color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;gap:42px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.12)}.brand{font:italic 900 29px/1 var(--font-display);letter-spacing:-1.5px}.brand b{color:var(--blue);font-size:38px}.nav{display:flex;gap:34px;margin-left:auto}.nav a{font-size:13px;font-weight:600;color:#c7cfda;transition:.25s}.nav a:hover{color:#fff}.header-cta{border:1px solid rgba(255,255,255,.35);padding:12px 18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.menu-toggle{display:none;background:none;border:0;color:#fff}
.hero{min-height:100vh;padding:140px clamp(24px,8vw,130px) 80px;position:relative;display:grid;grid-template-columns:1fr minmax(340px,.8fr);align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 45%,#062d70 0,rgba(4,22,54,.5) 24%,transparent 52%),linear-gradient(120deg,#030509 32%,#07101f 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero-glow{position:absolute;width:420px;height:420px;border:1px solid rgba(0,140,255,.22);border-radius:50%;right:13%;top:28%;box-shadow:0 0 90px rgba(0,104,255,.25),inset 0 0 90px rgba(0,104,255,.12)}.hero-copy,.hero-product{position:relative;z-index:2}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:#b4c0d0;display:flex;align-items:center;gap:12px;margin-bottom:22px}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--orange)}h1,h2{font-family:var(--font-display);font-style:italic;font-weight:900;line-height:.82;letter-spacing:-.045em}h1{font-size:clamp(76px,10vw,150px)}h1 em,h2 em{font-style:italic;color:var(--blue)}.hero-text{color:#aeb8c7;max-width:555px;line-height:1.75;margin:28px 0 32px;font-size:15px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:28px;padding:17px 22px;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.06em;transition:.25s}.button-primary{background:var(--blue)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,104,255,.3)}.text-link{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.text-link span{color:var(--orange);margin-left:8px}.quick-stats{display:flex;gap:38px;margin-top:46px}.quick-stats div{border-left:2px solid var(--blue);padding-left:12px}.quick-stats strong{font:800 30px/1 var(--font-display)}.quick-stats span{display:block;color:#788596;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.hero-product{justify-self:center;width:min(430px,36vw)}.product-frame{overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:rotate(2deg);border:1px solid rgba(255,255,255,.15)}.product-frame img{width:100%;aspect-ratio:870/1600;object-fit:cover;transition:transform .5s}.hero-product:hover img{transform:scale(1.025)}.flavor-tag{position:absolute;right:-38px;bottom:10%;background:var(--orange);color:#111;padding:14px 30px;transform:rotate(-2deg);box-shadow:0 15px 35px rgba(255,149,0,.25)}.flavor-tag span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em}.flavor-tag strong{font:italic 900 29px/1 var(--font-display);text-transform:uppercase}.vertical-copy{position:absolute;right:21px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em;color:#596474}.scroll-cue{position:absolute;left:50%;bottom:25px;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#7d8897}.scroll-cue span{display:block;width:1px;height:26px;background:var(--orange);margin:auto auto 8px}
.section{padding:120px clamp(24px,8vw,130px)}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section h2{font-size:clamp(58px,7vw,104px)}.benefits{background:#080b11}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1120px;margin:70px auto 0;background:#202734}.benefit-card{position:relative;background:#0c1017;padding:44px 34px;min-height:300px;transition:.3s}.benefit-card:hover{transform:translateY(-8px)}.benefit-card.featured{background:linear-gradient(145deg,#0868ff,#064cc0)}.card-number{position:absolute;right:20px;top:20px;color:#3d4755;font:800 14px var(--font-display)}.featured .card-number{color:rgba(255,255,255,.4)}.benefit-icon{width:54px;height:54px;border:1px solid #344155;color:var(--blue2);display:grid;place-items:center;font-size:24px;margin-bottom:55px}.featured .benefit-icon{color:#fff;border-color:rgba(255,255,255,.5)}.benefit-card h3{font:italic 800 28px var(--font-display);text-transform:uppercase;margin-bottom:12px}.benefit-card p{font-size:13px;color:#8994a4;line-height:1.7}.featured p{color:#d8e6ff}
.mango{background:linear-gradient(100deg,var(--orange2) 0%,#ff8b00 100%);color:#0b0b0b;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;overflow:hidden}.mango-visual{position:relative;max-width:440px;justify-self:center}.mango-visual:before{content:"";position:absolute;inset:-10%;border:1px solid rgba(10,10,10,.2);border-radius:50%}.mango-visual img{position:relative;z-index:2;box-shadow:0 35px 80px rgba(83,35,0,.35);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.mango-copy h2 em{color:#fff}.eyebrow.dark{color:#643600}.eyebrow.dark span{background:#111}.mango-copy>p:not(.eyebrow){max-width:520px;line-height:1.8;font-size:14px;margin:30px 0}.mango-copy ul{list-style:none;display:grid;gap:12px;margin-bottom:32px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mango-copy li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#111;color:var(--orange);margin-right:10px}.button-dark{background:#090b0f;color:#fff}
.flavors{background:#06090d}.flavors .section-heading>p:last-child{color:#8893a3;margin:28px auto 0;max-width:570px;line-height:1.7;font-size:14px}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:65px auto 0}.flavor-card{background:#0b0f16;border:1px solid #1d2632;overflow:hidden;transition:transform .35s,border-color .35s}.flavor-card:hover{transform:translateY(-10px);border-color:#415069}.flavor-image{height:500px;overflow:hidden;position:relative}.flavor-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b0f16)}.flavor-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.flavor-card:hover img{transform:scale(1.04)}.flavor-info{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 22px 26px;position:relative}.flavor-info>span{font:800 13px var(--font-display);color:#596474}.flavor-info small{display:block;color:#768394;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.flavor-info h3{font:italic 900 38px/1 var(--font-display);text-transform:uppercase;margin-top:3px}.flavor-info>b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #334052;border-radius:50%}.flavor-mango .flavor-info h3,.flavor-mango .flavor-info>b{color:var(--orange)}.flavor-strawberry .flavor-info h3,.flavor-strawberry .flavor-info>b{color:#ff3155}.flavor-lemon .flavor-info h3,.flavor-lemon .flavor-info>b{color:#cbea19}.cta{padding:100px 24px;background:radial-gradient(circle at 50% 70%,#063c95 0,transparent 44%),#061329;text-align:center}.cta-inner>p{font-size:10px;letter-spacing:.28em;color:#8cb7ff;margin-bottom:22px}.cta h2{font-size:clamp(70px,10vw,140px)}.cta .button{margin-top:38px}footer{min-height:110px;padding:24px clamp(24px,6vw,90px);display:flex;align-items:center;gap:30px;background:#030406;border-top:1px solid #18202b}footer>p:first-of-type{color:#7a8695;font-size:11px}footer>p:last-child{margin-left:auto;color:#596474;font-size:10px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.16s}
@media(max-width:850px){.site-header{height:70px;padding:0 20px}.nav{position:fixed;inset:70px 0 auto;background:#05080e;padding:30px;display:none;flex-direction:column;border-bottom:1px solid #202936}.nav.open{display:flex}.header-cta{display:none}.menu-toggle{display:grid;gap:6px;margin-left:auto}.menu-toggle span{width:25px;height:2px;background:#fff}.hero{padding:120px 24px 60px;grid-template-columns:1fr;gap:55px;text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-text{margin-left:auto;margin-right:auto}.quick-stats{justify-content:center;gap:24px}.hero-product{width:min(78vw,420px)}.vertical-copy{display:none}.benefit-grid{grid-template-columns:1fr;max-width:520px}.mango{grid-template-columns:1fr;gap:60px}.mango-copy{text-align:center}.mango-copy .eyebrow{justify-content:center}.mango-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.mango-copy ul{display:inline-grid;text-align:left}.flavor-grid{grid-template-columns:1fr;max-width:520px}.flavor-image{height:580px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer>p:last-child{margin-left:0;width:100%}}
@media(max-width:480px){h1{font-size:74px}.hero-actions{flex-direction:column;gap:20px}.quick-stats{gap:12px}.quick-stats strong{font-size:24px}.section{padding:90px 20px}.benefit-card{min-height:260px}.flavor-tag{right:-8px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* Presentación de los tres sabores en el hero */
.beverage-reel{position:relative;aspect-ratio:870/1600;background:#06101d}
.beverage-reel .reel-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.08);transition:opacity 1.1s ease,transform 5.5s ease}
.beverage-reel .reel-slide.active{opacity:1;transform:scale(1);z-index:1}
.beverage-reel .reel-slide img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.reel-progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.35)}
.reel-progress span{display:block;height:100%;width:0;background:var(--orange);animation:reel-progress 5s linear infinite}
.beverage-reel.paused .reel-progress span{animation-play-state:paused}
.reel-toggle{position:absolute;z-index:5;left:14px;bottom:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(3,7,13,.65);color:#fff;cursor:pointer;backdrop-filter:blur(8px);font-weight:800}
.flavor-tag{transition:background .5s,box-shadow .5s}
@keyframes reel-progress{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.beverage-reel .reel-slide{transition:none}.reel-progress{display:none}}

/* Video de preparación de frutas */
.hero-video-wrap{position:relative;aspect-ratio:870/1600;overflow:hidden;transform:rotate(2deg);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.hero-video{width:100%;height:100%;object-fit:cover;display:block}
.hero-video-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,5,10,.85));pointer-events:none}
.video-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:62px}.video-overlay span{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#d8e6ff}.video-overlay strong{display:block;font:italic 900 42px/.84 var(--font-display);margin-top:8px}
.video-toggle{position:absolute;z-index:4;left:18px;bottom:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(3,7,13,.7);color:#fff;cursor:pointer}
.video-credit{position:absolute;z-index:4;right:12px;bottom:14px;color:rgba(255,255,255,.7);font-size:7px;letter-spacing:.05em}
.audio-toggle{position:absolute;z-index:4;right:14px;bottom:16px;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:rgba(3,7,13,.76);color:#fff;cursor:pointer;backdrop-filter:blur(8px);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.audio-toggle span{margin-right:5px}

/* Carrusel informativo de productos */
.product-carousel{background:#080b11;overflow:hidden}.carousel-shell{max-width:1200px;margin:65px auto 0;position:relative}.carousel-track{position:relative;min-height:740px}.product-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;align-items:center;gap:8vw;padding:52px 7%;opacity:0;visibility:hidden;transform:translateX(45px);transition:opacity .65s,transform .65s,visibility .65s}.product-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}.mango-slide{background:linear-gradient(110deg,#ffb51b,#ff8a00);color:#090b0f}.strawberry-slide{background:linear-gradient(110deg,#460616,#d90d3b);color:#fff}.lemon-slide{background:linear-gradient(110deg,#d9ef28,#8db600);color:#071008}.slide-visual{height:620px;overflow:hidden;box-shadow:0 30px 65px rgba(0,0,0,.28);transform:rotate(-2deg)}.slide-visual img{width:100%;height:100%;object-fit:cover}.slide-copy h3{font:italic 900 clamp(58px,6vw,92px)/.83 var(--font-display);letter-spacing:-.04em;text-transform:uppercase}.slide-copy h3 em{color:#fff}.strawberry-slide .slide-copy h3 em{color:#ffb3c2}.lemon-slide .slide-copy h3 em{color:#fff}.slide-copy>p:not(.eyebrow){line-height:1.7;max-width:590px;margin:26px 0}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.18);margin:28px 0}.specs div{padding:18px;background:rgba(255,255,255,.12)}.specs small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.13em;opacity:.7}.specs strong{display:block;font:800 20px var(--font-display);text-transform:uppercase;margin-top:4px}.slide-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:16px;font-size:10px;text-transform:uppercase;font-weight:800}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:22px}.carousel-controls>button{width:46px;height:46px;border:1px solid #3a4656;background:#0b1018;color:#fff;font-size:20px;cursor:pointer}.carousel-dots{display:flex;gap:9px}.carousel-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#465262;cursor:pointer}.carousel-dots button.active{width:30px;border-radius:10px;background:var(--blue)}
@media(max-width:850px){.carousel-track{min-height:1040px}.product-slide{grid-template-columns:1fr;gap:40px;padding:35px}.slide-visual{height:570px;max-width:410px;justify-self:center}.slide-copy{text-align:center}.slide-copy .eyebrow{justify-content:center}.specs{grid-template-columns:1fr}.slide-copy ul{justify-content:center}}
@media(max-width:480px){.carousel-track{min-height:940px}.product-slide{padding:20px}.slide-visual{height:480px}.slide-copy h3{font-size:54px}.video-overlay strong{font-size:34px}}

/* Franja panorámica de preparación */
.fruit-process{height:min(72vw,760px);min-height:520px;position:relative;overflow:hidden;background:#020407;border-top:1px solid #182231;border-bottom:1px solid #182231}.fruit-process video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fruit-process-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.9) 0%,rgba(3,6,11,.35) 55%,rgba(3,6,11,.15)),linear-gradient(0deg,rgba(3,6,11,.7),transparent 50%)}.fruit-process-copy{position:absolute;z-index:2;left:clamp(24px,8vw,140px);top:50%;transform:translateY(-50%);max-width:920px}.fruit-process-copy.visible{transform:translateY(-50%)}.fruit-process h2{font-size:clamp(58px,7.6vw,130px);font-family:var(--font-display);font-style:italic;font-weight:900;line-height:.84;letter-spacing:-.045em}.fruit-process h2 em{color:var(--orange)}.fruit-process-copy>p:last-child{max-width:560px;margin-top:26px;line-height:1.7;color:#d2dae5}.fruit-strip{position:absolute;z-index:3;right:clamp(22px,5vw,80px);bottom:38px;display:flex;gap:8px}.fruit-strip span{padding:11px 18px;background:rgba(4,8,14,.72);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);font:italic 800 18px var(--font-display);text-transform:uppercase}.fruit-strip span:nth-child(1){color:#ff3155}.fruit-strip span:nth-child(2){color:#ff9d00}.fruit-strip span:nth-child(3){color:#cbea19}.process-credit{position:absolute;z-index:3;left:18px;bottom:12px;font-size:7px;color:rgba(255,255,255,.55)}
@media(max-width:700px){.fruit-process{height:680px}.fruit-process-shade{background:linear-gradient(0deg,rgba(3,6,11,.9),rgba(3,6,11,.25))}.fruit-process-copy{left:22px;right:22px;top:42%}.fruit-strip{left:22px;right:auto;bottom:45px;flex-wrap:wrap}.fruit-strip span{padding:9px 13px}.fruit-process-copy>p:last-child{font-size:13px}}

.about{background:linear-gradient(135deg,#07101f,#06090e);position:relative;overflow:hidden}.about:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(8,104,255,.18);border-radius:50%;right:-180px;top:120px}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1180px;margin:65px auto 0}.purpose-card{padding:48px;background:#0b111b;border:1px solid #202c3c;position:relative}.purpose-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--blue)}.vision-card:before{background:var(--orange)}.purpose-label{color:#83b6ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.22em}.vision-card .purpose-label{color:#ffb13c}.purpose-card h3,.founders h3{font:italic 900 38px/1 var(--font-display);margin:20px 0;text-transform:uppercase}.purpose-card p{color:#aeb9c8;line-height:1.85;font-size:14px}.founders{max-width:1180px;margin:22px auto 0;padding:42px;background:#080c13;border:1px solid #202c3c}.founders .eyebrow{margin-bottom:10px}.founders h3{font-size:52px;margin-top:15px}.founder-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.founder-list div{display:flex;align-items:center;gap:13px;padding:16px;background:#0e1520;border:1px solid #263347}.founder-list span{width:42px;height:42px;display:grid;place-items:center;background:var(--blue);font:italic 900 18px var(--font-display)}.founder-list strong{font-size:12px;text-transform:uppercase;line-height:1.3}
.flavor-process{background:#05080d}.process-intro{max-width:620px;margin:28px auto 0;color:#929eae;line-height:1.7;font-size:14px}.process-grid{max-width:1180px;margin:65px auto 0;display:grid;gap:28px}.process-card{display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;min-height:420px;background:#0c1118;border:1px solid #242e3b;overflow:hidden}.process-card:nth-child(even){grid-template-columns:1.15fr minmax(300px,.85fr)}.process-card:nth-child(even) .process-video{order:2}.process-video{position:relative;min-height:420px;background:#111;overflow:hidden}.process-video video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.process-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,7,.55),transparent 55%);pointer-events:none}.process-play{position:absolute;z-index:2;left:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(3,7,12,.72);color:#fff;cursor:pointer;font-size:18px;backdrop-filter:blur(8px)}.process-info{align-self:center;padding:52px}.process-info>span{font-size:9px;text-transform:uppercase;letter-spacing:.22em;font-weight:800}.strawberry-process .process-info>span{color:#ff4566}.mango-process .process-info>span{color:#ff9d00}.lemon-process .process-info>span{color:#cbea19}.process-info h3{font:italic 900 clamp(46px,5vw,72px)/.9 var(--font-display);margin:15px 0 22px}.process-info p{max-width:580px;color:#a5b0bf;line-height:1.8;font-size:14px}.process-info a{display:inline-block;margin-top:26px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#82b6ff}.process-note{max-width:900px;margin:28px auto 0;text-align:center;color:#647083;font-size:10px;line-height:1.6}
@media(max-width:850px){.purpose-grid{grid-template-columns:1fr}.founder-list{grid-template-columns:1fr 1fr}.process-card,.process-card:nth-child(even){grid-template-columns:1fr}.process-card:nth-child(even) .process-video{order:0}.process-video{min-height:520px}.process-info{padding:38px}}
@media(max-width:480px){.purpose-card,.founders{padding:28px}.founder-list{grid-template-columns:1fr}.process-video{min-height:440px}.process-info{padding:28px}.process-info h3{font-size:46px}}

.process-info p+p{margin-top:15px}.process-info a,.process-play{display:none}.static-header{position:relative;background:#05080e}.about-standalone{min-height:calc(100vh - 82px);padding-top:90px}.about-hero{max-width:1180px;margin:0 auto 70px}.about-hero h1{font-size:clamp(82px,11vw,165px)}.about-hero>p:last-child{max-width:720px;color:#aeb9c8;line-height:1.85;margin-top:30px}.founders-intro{max-width:720px;color:#8f9bac;line-height:1.75;font-size:13px}.about-return{max-width:1180px;margin:35px auto 0;text-align:center}.about-page footer{border-top-color:#263347}