:root{--red:#cf1537;--ink:#291322;--cream:#fff9ee;--pink:#ffbcd3;--yellow:#ffe55d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #542fd4;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:0}.topline{text-align:center;background:var(--red);color:white;font-size:12px;letter-spacing:2px;font-weight:800;padding:11px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 6%;border-bottom:1px solid #29132220}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:900;line-height:.95;position:relative}.brand img{border-radius:50%}.brand-dot{font-size:12px;vertical-align:top;margin-left:3px}nav{display:flex;gap:30px;font-size:14px;font-weight:700}.nav-cta{border:1.5px solid var(--ink);border-radius:40px;padding:13px 22px;font-size:14px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:670px}.hero-copy{padding:65px 8% 40px 11%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;display:block;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px}.pill{background:var(--pink);padding:8px 12px;border-radius:20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,84px);line-height:.97;letter-spacing:-4px;margin:27px 0}em{font-style:normal;color:var(--red)}.hero-copy p{max-width:390px;font-size:18px;line-height:1.6}.button{display:inline-flex;padding:18px 26px;border-radius:40px;font-weight:700}.dark{background:var(--ink);color:white}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.hero-note{margin-top:37px;font-size:13px;display:flex;gap:15px}.hero-note span{font-weight:900;color:var(--red)}.hero-art{position:relative;background:#ff91b7;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:60px 30px}.hero-art img{width:95%;max-width:530px;transform:rotate(-8deg);position:relative}.art-caption{position:absolute;top:28px;font-size:12px;font-weight:900;letter-spacing:2px}.round-note{position:absolute;bottom:40px;right:20px;background:var(--yellow);border:2px solid var(--ink);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:900;font-size:20px;line-height:1.1;transform:rotate(12deg)}.ticker{display:flex;justify-content:space-around;gap:30px;padding:22px;background:var(--yellow);overflow:hidden;white-space:nowrap;font-size:18px;font-weight:900;letter-spacing:1px}.ticker b{color:var(--red)}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}h2{font-size:clamp(36px,4.1vw,62px);line-height:1.03;letter-spacing:-2.5px;margin:17px 0 0}.section-head p{max-width:340px;line-height:1.7;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{padding:32px;border-radius:8px;display:flex;flex-direction:column;min-height:400px}.red{background:var(--red);color:white}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.product-tag{font-size:11px;font-weight:800;letter-spacing:1.3px}.product h3{font-size:36px;letter-spacing:-1.2px;line-height:1.03;margin:22px 0 16px}.product p{line-height:1.6}.product-text{font-size:23px;line-height:1.3;margin:10px 0 28px}.product a,.soon{margin-top:auto;font-size:14px;font-weight:700}.product a{text-decoration:underline;text-underline-offset:5px}.mixer{background:#ece6ff;display:grid;grid-template-columns:1fr 1fr;gap:7%}.mix-copy p{max-width:480px;line-height:1.7;margin-top:24px}.fruits{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.fruits button{cursor:pointer;border:1px solid #29132260;padding:10px 14px;background:transparent;border-radius:25px;font-size:14px}.fruits button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}fieldset{border:0;padding:0;display:flex;gap:15px;flex-wrap:wrap}legend{font-size:14px;font-weight:800;margin-bottom:15px}fieldset label{font-size:14px;display:flex;gap:6px;align-items:center}input{accent-color:var(--red)}.mix-result{background:white;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.mix-title{font-size:12px;font-weight:800;letter-spacing:2px}.mix-result img{width:100%;height:340px;object-fit:contain;margin:20px 0}.result-text h3{font-size:24px;margin:0 0 8px}.result-text p{font-size:14px}.small-note{font-size:12px;color:#625763;line-height:1.5}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story-visual{background:#ffb3cd;border-radius:50% 50% 10px 10px;padding:25px;text-align:center}.story-visual img{width:100%;max-height:540px;object-fit:contain}.story-copy p{font-size:18px;line-height:1.7;margin:25px 0}.story-sign{display:block;font-weight:800;color:var(--red);font-size:20px}.faq{padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{font-size:42px}details{border-bottom:1px solid #29132235;padding:20px 0}summary{font-size:18px;font-weight:700;cursor:pointer}details p{line-height:1.7;margin:18px 0 0;max-width:600px}.closing{background:var(--red);color:white;text-align:center;padding:65px 20px}.closing>span{font-size:12px;font-weight:800;letter-spacing:2px}.closing h2{font-size:clamp(50px,7vw,90px);margin:20px 0 30px}.closing .button{background:var(--yellow);color:var(--ink)}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}.footer-brand{font-size:22px;font-weight:900;color:var(--red)}footer small{font-size:12px}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:850px){header{padding:18px 5%}nav{gap:15px}nav a{font-size:12px}.nav-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero-art{min-height:440px;padding:65px 30px 40px}.hero-art img{max-width:380px}.hero-note{margin-top:25px}h1{font-size:66px;letter-spacing:-3px}.section{padding:55px 6%}.section-head{display:block}.section-head p{margin-top:22px}.product-grid{grid-template-columns:1fr}.product{min-height:320px}.mixer,.story,.faq{grid-template-columns:1fr;gap:35px}.mix-result img{height:360px}.story-visual img{max-height:450px}.faq{padding-top:15px}.ticker{justify-content:flex-start;font-size:16px}footer{align-items:flex-start;flex-direction:column}.round-note{right:8%;width:100px;height:100px}}@media(max-width:400px){h1{font-size:55px}nav a:last-child{display:none}.hero .eyebrow{font-size:10px}h2{font-size:37px;letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img{width:80px;height:80px;object-fit:contain}.brand>span{display:none}@media(max-width:600px){.brand img{width:65px;height:65px}}

.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product{padding:27px}.product h3{font-size:31px}.spicy{background:#b9ed9a}.spicy-feature{background:#fff0f2;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.spicy-art img{width:100%;max-height:480px;object-fit:contain}.spicy-feature p{font-size:18px;line-height:1.7;max-width:470px;margin:25px 0}.product-choice{margin-top:25px}.fruits button:disabled{opacity:.4;cursor:default}#covers:disabled{opacity:.4}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.spicy-feature{grid-template-columns:1fr}.spicy-art img{max-height:350px}}@media(max-width:550px){.product-grid{grid-template-columns:1fr}}

.future{background:#fff0da}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.future-grid .product{min-height:260px}@media(max-width:650px){.future-grid{grid-template-columns:1fr}}
/* Detalles kawaii: suaves, decorativos y sin bloquear la interacción. */
@keyframes sucre-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes sucre-bob{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-8px) rotate(7deg)}}
@keyframes sucre-glow{0%,100%{opacity:.5;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(15deg)}}
@keyframes sucre-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sucre-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-180%) scale(1.2) rotate(20deg)}}
.hero-art img{animation:sucre-float 6s ease-in-out infinite}.round-note{animation:sucre-bob 5s ease-in-out infinite}.spicy-art img{animation:sucre-bob 7s ease-in-out infinite;transform-origin:center}.hero-copy{animation:sucre-rise .7s ease-out both}.hero-art{isolation:isolate}.hero-art img{z-index:1}.round-note{z-index:3}.kawaii-spark{position:absolute;color:#fff9ee;font-size:30px;pointer-events:none;z-index:2;animation:sucre-glow 4s ease-in-out infinite;text-shadow:0 2px 0 #cf153730}.kawaii-spark:nth-of-type(2n){color:#ffe55d;animation-delay:-2s}.kawaii-spark:nth-of-type(3n){color:#cf1537;font-size:24px;animation-delay:-1s}.button,.nav-cta,.product,.fruits button,.brand img{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 6px 0 #29132220}.product:hover{transform:translateY(-5px);box-shadow:0 10px 25px #29132212}.brand:hover img{transform:rotate(-8deg)}.fruits button:not(:disabled):hover{transform:translateY(-2px)}.fruits button[aria-pressed=true]{box-shadow:0 3px 0 #cf153750}.kawaii-pop{position:fixed;z-index:30;color:#cf1537;font-size:25px;pointer-events:none;animation:sucre-pop .85s ease-out both}.sucre-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.sucre-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.hero-art img,.round-note,.spicy-art img,.hero-copy,.kawaii-spark,.kawaii-pop{animation:none!important}.sucre-reveal{opacity:1;transform:none;transition:none}.kawaii-pop{display:none}.button:hover,.product:hover,.nav-cta:hover,.brand:hover img,.fruits button:hover{transform:none}}@media(hover:none){.product:hover{transform:none;box-shadow:none}}
