@font-face{font-family:Bricolage;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/fonts/bricolage-grotesque-latin-wdth-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/fonts/bricolage-grotesque-latin-ext-wdth-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alex Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/alex-brush-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alex Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/alex-brush-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--nube:#f5ccea;--cesta:#ffdfea;--fucsia:#b8326f;--vino:#3d0f26;--crema:#fff1e6;--blanco:#fff;--script:"Alex Brush", "Snell Roundhand", cursive;--sans:"Bricolage", ui-sans-serif, system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--max:1240px}[data-color=fresa]{--card-bg:#ef6f82;--card-fg:#3d0f26;--tint:#f9a9b6}[data-color=limon]{--card-bg:#f6e6a6;--card-fg:#3d0f26;--tint:#fbefc0}[data-color=samba]{--card-bg:#5a2d1f;--card-fg:#fff1e6;--tint:#ebc2ae}[data-color=nube]{--card-bg:#f5ccea;--card-fg:#3d0f26;--tint:#ffe6f4}[data-color=cesta]{--card-bg:#ffdfea;--card-fg:#3d0f26;--tint:#fff4f8}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;accent-color:var(--fucsia);caret-color:var(--fucsia);scrollbar-color:var(--fucsia) var(--cesta)}body{background:var(--blanco);color:var(--vino);font-family:var(--sans);margin:0;font-size:18px;font-weight:400;font-stretch:100%;line-height:1.55}html{scroll-padding-top:88px}html.has-order{scroll-padding-bottom:var(--bar-space,160px)}body.has-order .foot{padding-bottom:calc(32px + var(--bar-space,160px))}::selection{background:var(--fucsia);color:var(--blanco)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--vino);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip{background:var(--vino);color:var(--crema);z-index:50;border-radius:999px;padding:10px 16px;position:absolute;top:8px;left:-9999px}.skip:focus{left:12px}.icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:800;font-stretch:75%}h1{font-size:clamp(46px,5.7vw,86px);line-height:.92}h2{font-size:clamp(38px,4.8vw,68px);line-height:.95}h3{font-size:26px;line-height:1.05}p{margin:0}.btn{white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-fucsia{background:var(--fucsia);color:var(--blanco)}.btn-fucsia:hover{background:#9e2a5f}.btn-ink{background:var(--vino);color:var(--crema);min-height:44px;padding:0 20px;font-size:16px}.btn-ink:hover{background:#5a1838}.btn-nube{background:var(--nube);color:var(--vino)}.btn-nube:hover{background:var(--cesta)}.btn:disabled{opacity:.55;cursor:default}.btn-quiet{color:var(--vino);box-shadow:inset 0 0 0 2px var(--vino);background:0 0;min-height:44px;padding:0 20px;font-size:16px}.bubble{background:var(--blanco);color:var(--vino);white-space:pre-line;overflow-wrap:anywhere;border-radius:20px 20px 6px;padding:12px 16px;font-size:15px;line-height:1.45;box-shadow:0 6px 16px #3d0f262e}.notice{background:var(--vino);color:var(--crema);text-align:center;padding:10px var(--gutter);font-size:16px;font-weight:600}.top{z-index:20;background:var(--nube);position:sticky;top:0}.top .wrap{align-items:center;gap:20px;min-height:76px;display:flex}.brand{flex:none}.brand img{width:56px;height:56px;box-shadow:0 0 0 3px var(--blanco);border-radius:50%}.nav{gap:26px;margin-left:12px;display:flex}.nav a{border-bottom:2px solid #0000;padding:9px 0;font-size:17px;font-weight:600;text-decoration:none}.nav a:hover{border-color:var(--vino)}.lang{background:var(--blanco);border-radius:999px;margin-left:auto;padding:3px;display:flex}.lang a{border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lang a[aria-current=page]{background:var(--vino);color:var(--crema)}body.has-order #header-cta{background:var(--fucsia);color:var(--blanco)}.hero{background:var(--nube);overflow:hidden}.hero-grid{grid-template-columns:minmax(0,11fr) minmax(0,13fr);grid-template-areas:"title stage""body stage";gap:26px clamp(24px,4vw,64px);padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(48px,6vw,88px);display:grid}.hero.no-stage .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""body"}.hero-title{grid-area:title;align-self:end;max-width:14ch}.hero-body{flex-direction:column;grid-area:body;align-self:start;gap:22px;max-width:36rem;display:flex}.slogan{font-family:var(--script);color:var(--fucsia);font-size:clamp(28px,2.5vw,36px);line-height:1.1}.lede{max-width:30rem;font-size:20px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.text-link{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.stage{flex-direction:column;grid-area:stage;align-self:center;align-items:center;gap:18px;display:flex}.anatomy{aspect-ratio:1;width:min(100%,600px);margin:0;position:relative;container-type:inline-size}.blob{width:92%;height:92%;position:absolute;inset:4%;overflow:visible}.blob path{fill:var(--tint);transition:fill .5s}.flavor-name{text-align:center;font-family:var(--script);color:var(--vino);text-wrap:balance;font-size:13.5cqi;line-height:.95;position:absolute;top:3%;left:6%;right:6%;transform:rotate(-5deg)}.flavor-name[data-long]{font-size:10cqi;top:1%}.cup{filter:drop-shadow(0 18px 22px #3d0f2638);width:auto;height:56%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.cup-frame{aspect-ratio:1;height:54%;display:block}.cup-frame:before,.tile .photo:before{content:"";background:var(--blanco);position:absolute;inset:-3.5%;-webkit-mask:url(/img/nube-mascara.svg) 50%/100% 100% no-repeat;mask:url(/img/nube-mascara.svg) 50%/100% 100% no-repeat}.cup-frame img,.tile .photo img{object-fit:cover;width:100%;height:100%;position:relative;-webkit-mask:url(/img/nube-mascara.svg) 50%/100% 100% no-repeat;mask:url(/img/nube-mascara.svg) 50%/100% 100% no-repeat}.callout{font-family:var(--script);color:var(--vino);text-wrap:balance;margin:0;font-size:5.4cqi;line-height:1;position:absolute}.callout[data-long]{font-size:4.5cqi}.callout svg{width:15cqi;height:7.5cqi;position:absolute;overflow:visible}.callout path{fill:none;stroke:var(--vino);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.c-deco{text-align:right;width:24%;top:27%;left:1%}.c-deco svg{top:58%;right:-15cqi;transform:rotate(18deg)}.c-side{width:22%;top:53%;right:0}.c-side svg{top:-2cqi;left:-15cqi;transform:scaleX(-1)rotate(8deg)}.c-base{width:44%;top:86%;left:52%}.c-base svg{top:-6.6cqi;left:-14cqi;transform:scaleX(-1)rotate(-28deg)}.flavors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.flavors-label{text-align:center;flex-basis:100%;font-size:15px;font-weight:700}.flavors button{border:2px solid var(--vino);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:4px 16px 4px 6px;font-size:15px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.flavors button img{object-fit:contain;width:34px;height:34px}.flavors button[data-kind=photo] img{object-fit:cover;border-radius:50%}.flavors button[aria-pressed=true]{background:var(--vino);color:var(--crema)}.flavors button:disabled{opacity:.55;cursor:default}.flavors button:hover:not([aria-pressed=true]){background:var(--blanco)}.anatomy.swap .cup{animation:.55s cubic-bezier(.22,1,.36,1) drop}.anatomy.swap .flavor-name{animation:.45s fade}.anatomy.swap .callout{animation:.5s .12s backwards fade}@keyframes drop{0%{opacity:0;transform:translate(-50%,-62%)rotate(-5deg)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.menu{padding-block:clamp(64px,8vw,112px) clamp(64px,8vw,104px)}.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:16px 48px;margin-bottom:clamp(96px,11vw,150px);display:grid}.sec-head p{font-size:19px}.menu-empty{background:var(--cesta);border-radius:28px;max-width:34rem;padding:28px;font-size:19px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(120px,12vw,160px) clamp(20px,2.4vw,32px);margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--card-bg);color:var(--card-fg);border-radius:40px;flex-direction:column;gap:14px;padding:0 28px 28px;display:flex;position:relative}.tile .pic{aspect-ratio:1;justify-content:center;align-items:flex-end;width:82%;margin:-30% auto 0;display:flex}.tile .pic img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 16px 18px #3d0f2640);width:100%;height:100%}.tile .photo{aspect-ratio:1;filter:drop-shadow(0 16px 18px #3d0f2640);width:72%;margin:-28% auto 0;position:relative}.tile[data-kind=none] .pic{aspect-ratio:auto;margin-top:28px}.tile[data-sold-out] .pic img,.tile[data-sold-out] .photo img{opacity:.6}.tile h3{font-family:var(--script);letter-spacing:0;margin-top:4px;font-size:clamp(44px,4vw,56px);font-weight:400;font-stretch:100%;line-height:.95}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--blanco);color:var(--vino);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}.badge-out{background:var(--vino);color:var(--crema)}.tile .desc{font-size:17px}.layers{border-top:2px solid;flex-direction:column;gap:6px;margin:0;padding:12px 0 0;font-size:16px;font-weight:600;list-style:none;display:flex}.layers li{align-items:baseline;gap:10px;display:flex}.layers li:before{content:"";background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-2px)}.tile-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.price{font-size:15px;font-weight:700}.stepper{background:var(--blanco);color:var(--vino);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.stepper button{touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.stepper button:hover{background:var(--nube)}.stepper button:disabled,.stepper button[aria-disabled=true]{opacity:.3;cursor:default;background:0 0}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:20px;font-weight:800}.combo{background:var(--cesta)}.combo .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,5vw,80px);padding-block:clamp(40px,5vw,72px);display:grid}.combo img{width:100%;max-width:460px;margin-inline:auto}.combo-copy{flex-direction:column;align-items:flex-start;gap:20px;max-width:32rem;display:flex}.combo-copy p{font-size:20px}.steps{background:var(--vino);color:var(--crema);padding-block:clamp(64px,8vw,112px)}.steps h2{margin-bottom:clamp(40px,5vw,64px)}.steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:10px;max-width:22rem;display:flex}.steps .n{color:var(--nube);font-size:clamp(88px,9vw,128px);font-weight:800;font-stretch:75%;line-height:.8}.steps h3{color:var(--blanco)}.steps a{color:var(--nube);font-weight:700}.dm-sample{flex-direction:column;gap:6px;margin:10px 0 0;display:flex}.dm-sample figcaption{font-family:var(--script);color:var(--nube);font-size:28px;line-height:1}.dm-sample .bubble{align-self:flex-start;max-width:100%}.faq{padding-block:clamp(64px,8vw,104px)}.faq h2{margin-bottom:clamp(32px,4vw,56px)}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(28px,5vw,72px);display:grid}.faq-item{border-top:3px solid var(--nube);padding-top:18px}.faq-item h3{margin-bottom:10px}.faq-item p{max-width:34rem}.foot{background:var(--nube);padding-block:clamp(48px,6vw,80px) 32px}.foot .wrap{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px 40px;display:grid}.foot .brand-lg{width:120px;height:120px;box-shadow:0 0 0 4px var(--blanco);border-radius:50%}.foot .slogan{color:var(--vino);text-wrap:balance;font-size:clamp(34px,3.6vw,48px)}.bio{flex-wrap:wrap;gap:4px 18px;margin:10px 0 0;padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.foot .credit{border-top:2px solid #3d0f2626;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:24px;font-size:14px;display:flex}.order-pill{z-index:30;background:var(--vino);max-width:calc(100% - 40px);min-height:52px;color:var(--crema);font:inherit;text-align:center;cursor:pointer;box-shadow:0 0 0 3px var(--nube), 0 12px 32px #3d0f2659;visibility:hidden;border:0;border-radius:999px;align-items:center;padding:8px 24px;font-size:16px;font-weight:700;line-height:1.2;transition:transform .3s cubic-bezier(.2,.9,.25,1),visibility 0s linear .3s;display:inline-flex;position:fixed;bottom:20px;right:20px;transform:translateY(calc(100% + 40px))}.order-pill.show{visibility:visible;transition:transform .3s cubic-bezier(.2,.9,.25,1);transform:none}.order-pill:hover{background:#5a1838}.order-panel{background:var(--vino);width:min(460px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--crema);border:0;border-radius:28px;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #3d0f2673}.order-panel[open]{flex-direction:column;gap:12px;display:flex}.order-panel::backdrop{background:#3d0f2673}.order-panel h2{color:var(--crema);font-size:34px}.order-panel h2:focus{outline:none}.order-panel .sum{font-size:16px;line-height:1.35}.order-panel .sum b{font-weight:800}.order-panel .bubble{max-height:32vh;overflow-y:auto}.order-msg{flex-direction:column;gap:6px;margin:0;display:flex}.order-msg figcaption{font-family:var(--script);color:var(--nube);font-size:26px;line-height:1}.order-panel .btn{white-space:normal;text-align:center;padding:8px 20px;line-height:1.15}.order-panel form{margin:0;display:flex}.order-panel form .btn{flex:1}.order-hint{color:var(--nube);text-align:center;margin:-4px 0 0;padding:0 8px;font-size:14px;line-height:1.3}.btn-ghost{color:var(--crema);box-shadow:inset 0 0 0 2px var(--nube);background:0 0;min-height:48px}.order-panel #send-order{transition:opacity .2s}.order-panel:not([data-armed])>*{pointer-events:none}.order-panel:not([data-armed]) #send-order{opacity:.7}.toast{z-index:31;text-align:center;opacity:0;pointer-events:none;background:var(--blanco);width:max-content;color:var(--vino);border-radius:16px;max-width:min(420px,100% - 32px);padding:12px 20px;font-size:16px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;top:88px;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px #3d0f2640}.toast.show{opacity:1;transform:translate(-50%)}.copy-dialog{max-width:min(520px,100% - 32px);color:var(--vino);border:0;border-radius:24px;padding:24px}.copy-dialog::backdrop{background:#3d0f2673}.copy-dialog h2{margin-bottom:8px;font-size:34px}.copy-dialog textarea{width:100%;min-height:160px;font:inherit;border:2px solid var(--nube);color:var(--vino);resize:vertical;border-radius:12px;margin-block:12px;padding:12px;font-size:16px}.copy-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.copy-actions form{margin:0}.copy-status{min-height:1.4em;margin:0 0 8px;font-weight:700}.copy-actions .btn{min-height:52px}.nojs{font-weight:700}.visually-hidden-copy{opacity:0;pointer-events:none;position:fixed;top:0;left:0}.nf{text-align:center;min-height:100dvh;padding:var(--gutter);background:var(--nube);place-content:center;gap:40px;display:grid}.nf-block{justify-items:center;gap:14px;display:grid}.nf-other h1,.nf-other h2{font-size:clamp(26px,4vw,34px)}@media (width<=960px){.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""stage""body";row-gap:18px}.hero-title{max-width:16ch}.hero-body{max-width:none}.sec-head{grid-template-columns:1fr}.tiles{grid-template-columns:1fr;row-gap:120px;max-width:520px;margin-inline:auto}.tile .pic{width:70%;margin-top:-26%}.tile .photo{width:62%;margin-top:-24%}.combo .wrap{grid-template-columns:1fr}.combo img{max-width:340px}.steps ol,.faq-list{grid-template-columns:1fr}.foot .wrap{grid-template-columns:1fr;justify-items:start}.order-pill{width:fit-content;max-width:none;margin-inline:auto;bottom:12px;left:12px;right:12px}.order-panel{border-radius:24px;margin:auto auto 12px;padding:18px}}@media (width<=640px){body{font-size:17px}h1.hero-title{font-size:clamp(36px,10.5vw,46px)}.nav{display:none}.top .wrap{gap:12px;min-height:66px}.brand img{width:46px;height:46px}.btn-ink{padding:0 16px;font-size:15px}.lede{font-size:18px}.callout{font-size:6.2cqi}.callout[data-long]{font-size:5.2cqi}.flavors{gap:6px}.flavors button{gap:6px;min-height:44px;padding:3px 12px 3px 4px;font-size:14px}.flavors button img{width:32px;height:32px}.order-pill{padding:8px 20px;font-size:15px}.toast{top:78px}html{scroll-padding-top:78px}}@media (width<=360px){.top .wrap{gap:8px}.brand img{width:40px;height:40px}.top .btn-ink{padding:0 12px;font-size:14px}.lang a{min-width:40px}}@media (height<=520px){.order-panel{gap:8px;padding:14px}.order-panel h2{font-size:26px}.order-pill{min-height:44px;bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
