*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#eaf5fa;font-family:Quicksand,sans-serif}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{background:#eaf5fa;flex-direction:column;min-height:100vh;display:flex}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-scene{background-image:radial-gradient(120% 90% at 15% 0,#ffffff38 0%,#0000 55%);padding:28px clamp(20px,5vw,72px) 0;transition:background-color .7s;position:relative}.hero-nav{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand{color:#fff;letter-spacing:.2px;align-items:center;gap:8px;font-family:"Baloo 2",sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.brand-scoop{background:linear-gradient(160deg,#fffdf5,#fde9b8);border-radius:50% 50% 50% 4px;width:20px;height:20px;transform:rotate(-8deg);box-shadow:inset -2px -2px 3px #966e2840}.pill-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.pill-link{color:#ffffffd9;white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s}.pill-link:hover{color:#fff}.pill-link.active{color:#fff;background:#1c3d4f}.nav-actions{align-items:center;gap:10px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .2s,background .2s;display:grid}.icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.hero-body{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,4vw,48px);padding:clamp(32px,6vw,64px) 0 64px;display:flex;position:relative}.hero-copy{color:#fff;flex:380px;max-width:560px}.hero-copy h1{text-shadow:0 6px 24px #0f324640;margin:0 0 18px;font-family:"Baloo 2",sans-serif;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:800;line-height:1.06}.flavor-label{letter-spacing:.3px;color:#ffffffeb;margin:0 0 30px;font-size:1.05rem;font-weight:600;transition:opacity .3s}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{letter-spacing:.2px;border-radius:999px;justify-content:center;align-items:center;padding:15px 28px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.btn-primary{color:#4a3410;background:linear-gradient(#fff6dd,#fde3a0);box-shadow:0 10px 24px #14283747}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 28px #14283757}.btn-ghost{color:#fff;background:#ffffff14;border:1.5px solid #ffffff8c}.btn-ghost:hover{background:#ffffff2e;transform:translateY(-3px)}.hero-stage{perspective:1400px;--tiltX:0deg;--tiltY:0deg;flex:380px;max-width:560px;height:clamp(320px,38vw,440px);position:relative}.stage-group{transform-style:preserve-3d;transform:rotateX(var(--tiltX)) rotateY(var(--tiltY));transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.flavor-dots{z-index:5;gap:8px;display:flex;position:absolute;top:6%;right:6%;transform:translateZ(90px)}.dot{cursor:pointer;border:2px solid #ffffffb3;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .25s,border-color .25s;box-shadow:0 6px 14px #0a233240}.dot:hover{transform:scale(1.1)}.dot-active{border-color:#fff;transform:scale(1.22)}.product-layer{justify-content:center;align-items:flex-end;display:flex;position:absolute}.product{filter:drop-shadow(0 22px 26px #081e2d59);display:block}.product-float-a{animation:5.5s ease-in-out infinite float-a}.product-float-b{animation:4.6s ease-in-out .4s infinite float-b}.product-float-c{animation:4s ease-in-out .8s infinite float-c}@keyframes float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-wave{z-index:1;width:100%;height:130px;display:block;position:absolute;bottom:0;left:0;right:0}.hero-footer{z-index:2;background:#fdf2d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(20px,5vw,72px) 22px;display:flex;position:relative}.carousel-controls{gap:10px;display:flex}.arrow-btn{color:#3d3120;cursor:pointer;background:#fff;border:1.5px solid #3c321e40;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:grid}.arrow-btn:hover{background:#f2e4be;transform:translateY(-2px)}.socials{gap:8px;display:flex}.social-btn{color:#fdf2d9;background:#2c2418;border-radius:50%;place-items:center;width:30px;height:30px;text-decoration:none;transition:transform .2s,background .2s;display:grid}.social-btn:hover{background:#4a3d2a;transform:translateY(-2px)}.menu{background:#fdf2d9;padding:64px clamp(20px,5vw,72px) 80px}.menu-title{color:#2e4a38;text-align:center;margin:0 0 40px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800}.menu-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.menu-card{text-align:center;transform-style:preserve-3d;background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:28px 20px 24px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:flex;box-shadow:0 12px 30px #3c2d141a}.menu-card:hover{transform:translateY(-10px)rotateX(6deg)rotateY(-7deg);box-shadow:0 24px 44px #3c2d1433}.menu-card-img{filter:drop-shadow(0 14px 16px #081e2d38);width:clamp(120px,14vw,160px);margin-bottom:14px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.menu-card:hover .menu-card-img{transform:translateZ(28px)scale(1.06)}.menu-card h3{color:#3d3120;margin:0 0 6px;font-family:"Baloo 2",sans-serif;font-size:1.05rem}.menu-price{color:#c9576f;margin-bottom:16px;font-weight:700}.menu-buy{width:100%;padding:12px 0}.page-footer{color:#4a6a78;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:22px clamp(20px,5vw,72px);font-size:.82rem;display:flex}.cart-overlay{z-index:40;background:#141e2373;position:fixed;inset:0}.cart-drawer{z-index:41;background:#fff;flex-direction:column;width:min(380px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #141e2340}.cart-drawer-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-drawer-header h3{color:#2e2418;margin:0;font-family:"Baloo 2",sans-serif;font-size:1.2rem}.cart-drawer .icon-btn{color:#2e2418;background:#0000000a;border-color:#00000026;width:34px;height:34px}.cart-drawer .icon-btn:hover{background:#00000014}.cart-empty{text-align:center;color:#7a7266;padding:40px 20px;font-size:.95rem}.cart-items{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.cart-item{background:#fbf6e9;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.cart-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.cart-item-info strong{color:#2e2418;font-size:.9rem}.cart-item-info span{color:#9a8f7a;font-size:.76rem}.cart-item-qty{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 8px;display:flex}.cart-item-qty button{color:#4a3410;cursor:pointer;background:#efe3c2;border:none;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.cart-item-qty span{text-align:center;min-width:16px;font-size:.85rem;font-weight:600}.cart-item-remove{color:#b0a48f;cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.cart-item-remove:hover{color:#c9576f}.cart-footer{border-top:1px solid #00000014;padding:18px 20px 22px}.cart-total{color:#2e2418;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1rem;display:flex}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 0;font-size:.92rem;font-weight:700;transition:background .2s;display:flex}.btn-whatsapp:hover{background:#1fbe5a}.btn-whatsapp:disabled{cursor:not-allowed;background:#cfcfcf}@media (width<=900px){.hero-nav{flex-wrap:wrap}.pill-nav{order:3;justify-content:center;width:100%}.hero-body{padding-bottom:100px}}@media (width<=640px){.hero-copy,.hero-stage{text-align:center;margin:0 auto}.flavor-label{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-footer,.page-footer{text-align:center;justify-content:center}}