:root{--ink:#4a2818;--green:#9d501d;--lime:#ffc328;--cream:#fff0cf;--paper:#fffaf0;--coral:#e86931;--berry:#b84829;--line:#ead9c5;--muted:#80695c;--shadow:0 18px 55px rgba(91,47,20,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.announcement{background:var(--ink);color:white;text-align:center;font-size:12px;letter-spacing:.3px;padding:9px 16px}.announcement span{color:var(--lime);padding:0 12px}.site-header{height:78px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,60,49,.09);position:sticky;top:0;background:rgba(255,253,248,.94);backdrop-filter:blur(15px);z-index:30}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px}.brand strong{font-weight:800}.brand-mark{width:35px;height:35px;border-radius:50% 50% 42% 58%;background:var(--lime);display:grid;place-items:center;font:800 19px Manrope;transform:rotate(-8deg)}nav{display:flex;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:#4b7c2d}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn,.menu-btn{width:42px;height:42px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative}.icon-btn:hover{background:var(--cream)}.icon-btn svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-count{position:absolute;right:0;top:0;background:var(--coral);color:white;border:2px solid var(--paper);min-width:19px;height:19px;border-radius:20px;font-size:10px;display:grid;place-items:center}.menu-btn{display:none;font-size:22px}.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:630px;background:linear-gradient(110deg,#f7f3e9 0%,#f7f3e9 51%,#e2efb7 51%);overflow:hidden}.hero-copy{padding:clamp(70px,8vw,118px) 5vw 70px max(5vw,calc((100vw - 1240px)/2));position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;margin:0 0 16px;color:#51735f}.hero h1{font:800 clamp(45px,5.8vw,78px)/.99 Manrope;margin:0;letter-spacing:-4px}.hero h1 em{font-style:normal;color:#5c812e}.hero-text{font-size:18px;line-height:1.55;max-width:540px;color:#52635d;margin:28px 0}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:100px;padding:15px 23px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:15px}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#0b2b23}.btn-light{background:white;color:var(--ink);border:1px solid #d9ded6}.btn-cream{background:var(--cream);color:var(--ink)}.btn-whatsapp{background:#24b964;color:white}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:34px}.avatars{display:flex}.avatars span{width:32px;height:32px;border:2px solid var(--paper);border-radius:50%;margin-left:-7px;background:#d9b795;display:grid;place-items:center;font-size:9px;font-weight:800}.avatars span:first-child{margin:0;background:#a7cda6}.avatars span:last-child{background:#dd9d9d}.hero-proof p{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:630px}.sun{position:absolute;width:360px;height:360px;background:var(--lime);border-radius:50%;left:15%;top:14%;opacity:.8}.bar-pack{position:absolute;width:170px;height:330px;border-radius:11px;box-shadow:0 25px 45px rgba(23,60,49,.25);padding:34px 22px;color:white;display:flex;flex-direction:column;text-align:center;z-index:2;border:1px solid rgba(255,255,255,.35)}.bar-pack:after{content:"";height:10px;position:absolute;left:0;right:0;top:12px;border-top:2px dashed rgba(255,255,255,.4);border-bottom:2px dashed rgba(255,255,255,.4)}.bar-pack small{letter-spacing:4px;margin-top:35px}.bar-pack b{font:800 27px Manrope}.bar-pack span{font-size:14px;margin-top:10px}.bar-pack i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:auto 0 20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.35)}.pack-cacao{background:#5d3829;left:12%;top:21%;transform:rotate(-12deg)}.pack-berry{background:var(--berry);left:36%;top:16%;transform:rotate(2deg);z-index:3}.pack-coco{background:#d78b52;left:61%;top:25%;transform:rotate(13deg)}.ingredient{position:absolute;z-index:5;font-size:28px}.nut-one{color:#9d5e39;left:11%;bottom:15%}.nut-two{color:#be8157;right:9%;top:18%}.berry-one{color:#a82b54;right:19%;bottom:17%}.berry-two{color:#6c233d;left:28%;top:13%}.leaf{position:absolute;color:#4c7c43;font-size:80px;z-index:1}.leaf-one{right:2%;bottom:15%;transform:rotate(42deg)}.leaf-two{left:1%;top:12%;transform:rotate(-40deg)}.visual-note{position:absolute;right:4%;bottom:6%;font-size:12px;transform:rotate(-4deg)}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px max(4vw,calc((100vw - 1240px)/2));border-top:1px solid #e1e3d7;border-bottom:1px solid #e1e3d7;background:white}.benefit-strip>div{display:flex;align-items:center;gap:13px;padding:0 28px;border-right:1px solid var(--line)}.benefit-strip>div:last-child{border:0}.benefit-strip>div>span{font-size:21px;color:#6c8b37}.benefit-strip p{display:flex;flex-direction:column;margin:0}.benefit-strip strong{font-size:13px}.benefit-strip small{font-size:11px;color:var(--muted);margin-top:3px}.products-section{padding:100px max(5vw,calc((100vw - 1240px)/2))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading h2,.story h2,.cta-banner h2{font:800 clamp(32px,4vw,51px)/1.08 Manrope;letter-spacing:-2px;margin:0}.section-heading>p{max-width:420px;line-height:1.6;color:var(--muted);font-size:14px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter{border:1px solid var(--line);background:white;border-radius:100px;padding:9px 16px;color:#53645e;cursor:pointer;font-size:13px}.filter.active,.filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{min-width:0}.product-image{height:320px;border-radius:18px;position:relative;display:grid;place-items:center;overflow:hidden}.product-image:before,.product-image:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.25)}.product-image:before{width:210px;height:210px;right:-60px;top:-60px}.product-image:after{width:100px;height:100px;left:-20px;bottom:-20px}.mini-pack{width:105px;height:215px;border-radius:7px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 30px rgba(23,60,49,.22);transform:rotate(-5deg);position:relative;z-index:2;border:1px solid rgba(255,255,255,.4)}.mini-pack small{letter-spacing:3px}.mini-pack strong{font:800 18px Manrope}.mini-pack span{font-size:10px;margin-top:8px}.product-badge{position:absolute;left:14px;top:14px;background:white;border-radius:50px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.6px;z-index:4}.product-info{padding:15px 4px}.product-top{display:flex;justify-content:space-between;gap:8px}.product-info h3{font:700 16px Manrope;margin:0}.product-info p{font-size:12px;color:var(--muted);margin:6px 0 14px}.product-info strong{font-size:15px}.add-btn{width:100%;background:transparent;border:1px solid var(--ink);padding:10px;border-radius:50px;font-weight:700;color:var(--ink);cursor:pointer}.add-btn:hover{background:var(--ink);color:white}.story{display:grid;grid-template-columns:.9fr 1.1fr;min-height:510px;background:var(--cream)}.story-art{background:var(--green);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.story-art:after{content:"";position:absolute;width:330px;height:330px;border:2px solid rgba(216,239,87,.35);border-radius:50%}.story-art>span{width:160px;height:160px;border-radius:47% 53% 40% 60%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font:800 90px Manrope;transform:rotate(-10deg);z-index:2}.story-art p{text-align:center;line-height:1.5;font-weight:600;z-index:2}.story-copy{padding:90px 9vw 70px 8vw;display:flex;justify-content:center;flex-direction:column}.story-copy>p:not(.eyebrow){line-height:1.75;color:var(--muted);max-width:590px}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd2c5;margin-top:24px;padding-top:24px;gap:20px}.story-stats div{display:flex;flex-direction:column}.story-stats strong{font:800 26px Manrope}.story-stats span{font-size:11px;color:var(--muted);margin-top:4px}.cta-banner{background:var(--lime);padding:60px max(5vw,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-banner h2{font-size:38px}.cta-banner .eyebrow{color:var(--ink)}footer{padding:65px max(5vw,calc((100vw - 1240px)/2)) 30px;background:var(--ink);color:white;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;position:relative}footer h3{font:700 13px Manrope;margin:0 0 16px}footer p,footer a{font-size:12px;color:#b9c8c3;display:block;margin:8px 0}.footer-brand p{margin-top:16px}.newsletter{display:flex;border-bottom:1px solid #627770}.newsletter input{border:0;background:transparent;color:white;padding:10px 0;min-width:0;flex:1;outline:0}.newsletter button{background:transparent;border:0;color:var(--lime);font-size:20px;cursor:pointer}.copyright{grid-column:1/-1;border-top:1px solid #38594f;padding-top:24px!important;margin-top:25px!important}.overlay{position:fixed;inset:0;background:rgba(11,32,27,.55);z-index:70;backdrop-filter:blur(3px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:var(--paper);z-index:80;padding:30px;transform:translateX(105%);transition:.3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer h2,.modal h2{font:800 29px Manrope;margin:0;letter-spacing:-1px}.close-drawer,.modal-close{border:0;background:var(--cream);border-radius:50%;width:38px;height:38px;font-size:23px;cursor:pointer}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-thumb{height:72px;border-radius:10px;display:grid;place-items:center;color:white;font:800 10px Manrope}.cart-item h4{font-size:13px;margin:0}.cart-item p{font-size:11px;color:var(--muted);margin:4px 0}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;width:max-content}.qty button{width:27px;height:27px;border:0;background:transparent;cursor:pointer}.qty span{font-size:11px}.remove{border:0;background:transparent;color:#a05c4d;cursor:pointer;font-size:11px}.empty-cart{margin:auto;text-align:center}.empty-cart>span{font-size:45px}.empty-cart h3{font:700 20px Manrope}.empty-cart p{font-size:13px;color:var(--muted)}.cart-summary{border-top:1px solid var(--line);padding-top:18px}.cart-summary>div{display:flex;justify-content:space-between;font-size:17px}.cart-summary small{display:block;color:var(--muted);margin:7px 0 18px}.cart-summary .btn{width:100%;margin-top:8px}.payment-note,.secure-note{text-align:center;font-size:10px;color:var(--muted)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-45%) scale(.96);z-index:90;width:min(440px,calc(100% - 28px));background:var(--paper);padding:38px;border-radius:22px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;right:18px;top:18px}.modal-brand{margin-bottom:24px}.modal-intro{color:var(--muted);font-size:13px;line-height:1.5}.auth-form label{font-size:12px;font-weight:700;display:block;margin:15px 0}.auth-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:7px;outline:0}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,88,71,.1)}.auth-form .btn{width:100%;margin-top:7px}.auth-switch,.demo-note{text-align:center;font-size:12px;color:var(--muted)}.auth-switch button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.demo-note{font-size:9px}.payment-options{display:grid;gap:10px;margin:22px 0}.payment-options button{border:1px solid var(--line);background:white;border-radius:13px;padding:14px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;text-align:left;cursor:pointer}.payment-options button:hover{border-color:var(--green);transform:translateY(-1px)}.payment-options span:nth-child(2){display:flex;flex-direction:column}.payment-options small{color:var(--muted);margin-top:3px}.pay-icon{width:38px;height:38px;background:var(--cream);border-radius:10px;display:grid!important;place-items:center;font-size:19px}.pay-icon.yape{background:#6c2b8d;color:white;font-weight:800}.payment-options b{font-size:25px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 19px;border-radius:40px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#24b964;color:white;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 20px Manrope;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:50}.floating-whatsapp:hover{transform:scale(1.07)}
@media(max-width:980px){nav{display:none}.menu-btn{display:grid}.hero{grid-template-columns:1fr;background:#f7f3e9}.hero-visual{min-height:550px;background:#e2efb7}.hero-copy{padding-left:7vw}.benefit-strip{grid-template-columns:1fr 1fr}.benefit-strip>div{padding:15px 25px}.benefit-strip>div:nth-child(2){border:0}.product-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.story-art{min-height:440px}footer{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.announcement{font-size:10px}.announcement span,.announcement span+*{display:none}.site-header{height:66px;padding:0 18px}.header-actions{gap:0}.hero-copy{padding:65px 22px 55px}.hero h1{font-size:47px;letter-spacing:-3px}.hero-text{font-size:16px}.hero-ctas .btn{width:100%}.hero-visual{min-height:430px}.sun{width:280px;height:280px;left:13%}.bar-pack{width:123px;height:245px;padding:22px 12px}.bar-pack small{margin-top:27px}.bar-pack b{font-size:20px}.bar-pack span{font-size:10px}.pack-cacao{left:9%;top:24%}.pack-berry{left:34%;top:16%}.pack-coco{left:60%;top:24%}.visual-note{display:none}.benefit-strip{grid-template-columns:1fr}.benefit-strip>div{border-right:0;border-bottom:1px solid var(--line)}.products-section{padding:75px 18px}.section-heading{display:block}.section-heading>p{margin-top:15px}.product-grid{grid-template-columns:1fr 1fr;gap:11px}.product-image{height:240px}.mini-pack{width:82px;height:170px}.product-info h3{font-size:14px}.product-top{display:block}.story-art{min-height:360px}.story-copy{padding:65px 24px}.story-stats{gap:8px}.story-stats strong{font-size:22px}.cta-banner{padding:45px 22px;display:block}.cta-banner .btn{margin-top:25px}footer{grid-template-columns:1fr 1fr;padding:50px 22px 25px}.footer-brand,footer>div:last-of-type{grid-column:1/-1}.drawer{padding:24px 18px}.modal{padding:32px 24px}.floating-whatsapp{width:47px;height:47px}}