:root{--crema: #efe7d6;--superficie: #fbf6ea;--marron: #5c1c11;--rojo: #c73f18;--naranja: #de8623;--texto-suave: #6e4a40;--linea: rgba(92, 28, 17, .16);--radio: 16px;--display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--cuerpo: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--pincel: "Sacramento", cursive;--ease: cubic-bezier(.2, .8, .2, 1);--header-h: 64px;--chips-h: 64px}*,*:before,*:after{box-sizing:border-box}html,.scroll-oculto{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.scroll-oculto::-webkit-scrollbar{display:none}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--crema);color:var(--marron);font:400 16px/1.4 var(--cuerpo);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding-bottom:110px}@media (min-width: 768px){.app{max-width:720px}}@media (min-width: 1100px){.app{max-width:1200px;padding-bottom:32px}}.layout{display:block}@media (min-width: 1100px){.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;align-items:start;gap:24px}}.lastorder{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:var(--superficie);border-bottom:1px solid var(--linea)}.lastorder p{flex:1;margin:0;font-size:13px;color:var(--texto-suave)}.lastorder__reopen{flex:none;min-height:44px;padding:0 14px;border:2px solid var(--marron);border-radius:10px;background:transparent;color:var(--marron);font-weight:700;font-size:14px;transition:opacity .2s var(--ease),transform .2s var(--ease)}.lastorder__reopen:active{transform:scale(.96)}.lastorder__close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--texto-suave)}.lastorder__close:active{transform:scale(.96)}.header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--crema);border-bottom:1px solid var(--linea)}.header__logo{width:50px;height:auto;flex:none}.header__info{flex:1;min-width:0}.header__tagline{font:400 24px/1.4 var(--pincel);color:var(--marron);white-space:nowrap}@media (min-width: 1100px){.header__tagline{font-size:32px}}.header__hours{margin-top:2px;font-size:14px;color:var(--texto-suave)}.header__cart{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--marron);color:var(--crema);transition:transform .22s var(--ease)}.header__cart:active{transform:scale(.96)}.fly-dot{position:fixed;width:18px;height:18px;border-radius:50%;background:var(--rojo);z-index:80;pointer-events:none;will-change:transform,opacity}.fly-dot--photo{background-size:cover;background-position:center}.header__cart--bump{animation:cart-bump .32s var(--ease)}@keyframes cart-bump{30%{transform:scale(1.15) rotate(-6deg)}60%{transform:scale(1.05) rotate(4deg)}}.header__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--crema);border-radius:999px;background:var(--rojo);color:#fff;font-size:12px;font-weight:700;line-height:1}.header__badge--pop{animation:badgePop .28s var(--ease)}@keyframes badgePop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.chips{position:sticky;top:var(--header-h);z-index:20;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:var(--crema);border-bottom:1px solid var(--linea);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{position:relative;isolation:isolate;z-index:1;flex:none;min-height:44px;padding:0 16px;border:2px solid var(--marron);border-radius:999px;background:transparent;color:var(--marron);font-weight:700;font-size:15px;white-space:nowrap;transition:opacity .2s var(--ease),transform .2s var(--ease)}.chip:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--naranja);z-index:-1;opacity:0;transform:scale(.92);transition:opacity .22s var(--ease),transform .22s var(--ease)}.chip[aria-current=true]:before{opacity:1;transform:none}.chip:active{transform:scale(.96)}@media (min-width: 1100px){.chips{grid-column:1;flex-direction:column;align-items:stretch;top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);padding:16px 0;border-bottom:0;background:transparent;overflow-x:visible;overflow-y:auto}.chip{width:100%;text-align:left}}.menu{padding:0 16px;min-width:0}@media (min-width: 1100px){.menu{grid-column:2}}.section{content-visibility:auto;contain-intrinsic-size:auto 600px;padding-top:22px;scroll-margin-top:calc(var(--header-h) + var(--chips-h) + 10px)}.section__head{display:flex;align-items:center;gap:14px}.ring{flex:none;width:112px;height:112px;border-radius:50%;border:5px solid var(--rojo);overflow:hidden;background:var(--superficie)}.ring img{width:100%;height:100%;object-fit:cover;display:block}.ring__empty{width:100%;height:100%;display:grid;place-items:center;color:var(--rojo)}.ring__empty svg{width:34px;height:34px}.section__title{min-width:0}.ribbon{display:inline-block;padding:7px 26px 6px;background:var(--marron);color:var(--crema);font:400 21px/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%)}.section__note{margin-top:6px;font-size:14px;color:var(--texto-suave)}.rows{margin-top:8px}@media (min-width: 768px){.rows{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}}.row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--linea)}.row__main{flex:1;min-width:0;min-height:72px;display:flex;align-items:center;gap:10px;padding:15px 0;user-select:text}.row__star{flex:none;color:var(--rojo);display:grid}.row__text{flex:1;min-width:0;display:grid}.row__name{font-weight:700;font-size:17px}.row__desc{font-size:14px;line-height:1.3;color:var(--texto-suave)}.row__price{flex:none;font:400 19px/1 var(--display);white-space:nowrap}.row__price small{font:400 13px var(--cuerpo);color:var(--texto-suave)}.add{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#fff}.add:before{content:"";position:absolute;inset:1px;border-radius:50%;background:var(--rojo);z-index:0}.add svg{position:relative;z-index:1}.add--sm{width:44px;height:44px}.add:active{transform:scale(.94)}.add--confirm{animation:add-confirm .3s var(--ease)}@keyframes add-confirm{50%{transform:scale(1.18)}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.reveal--shown{opacity:1;transform:translateY(0)}@media (min-width: 768px){.ring{width:140px;height:140px}.ring__empty svg{width:42px;height:42px}}.foot{padding:28px 0 8px;font-size:14px;color:var(--texto-suave);text-align:center}.foot a{color:var(--marron);font-weight:700;text-decoration:underline}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--crema) 70%,transparent);pointer-events:none;transform:translateY(100%);opacity:0;transition:transform .26s var(--ease),opacity .2s var(--ease)}.cartbar--visible{transform:translateY(0);opacity:1}.cartbar__btn{max-width:528px;margin:0 auto;pointer-events:auto;justify-content:space-between;gap:10px}.cartbar__btn--pulse{animation:cartbar-pulse .32s var(--ease)}@keyframes cartbar-pulse{50%{transform:scale(1.03)}}.cartbar__total{display:inline-block;font-variant-numeric:tabular-nums;animation:total-change .22s var(--ease)}@keyframes total-change{0%{opacity:0;transform:translateY(4px)}}@media (min-width: 1100px){.cartbar{display:none}}.summary{display:none}@media (min-width: 1100px){.summary{display:block;grid-column:3;position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);overflow-y:auto;padding:20px;background:var(--superficie);border-radius:var(--radio)}}.summary__title{display:flex;align-items:center;gap:8px;font:400 22px var(--display);margin-bottom:14px}.summary__empty{font-size:14px;color:var(--texto-suave)}.summary__list{display:grid;gap:10px;margin-bottom:14px}.summary__list li{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--linea);font-size:14px}.summary__total{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 16px;padding-top:10px;border-top:2px solid var(--marron);font:400 20px var(--display)}.btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:2px solid transparent;border-radius:14px;font-weight:700;font-size:17px;text-decoration:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.btn--primary{background:var(--rojo);color:#fff}.btn--primary:disabled{background:#8d7f78;cursor:not-allowed}.btn:active{transform:scale(.96)}.btn--secondary{background:transparent;border-color:var(--rojo);color:var(--rojo);width:auto}.btn--link{width:auto;min-height:44px;background:none;color:var(--marron);font-weight:700;text-decoration:underline}.icon-btn{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;transition:opacity .2s var(--ease),transform .2s var(--ease)}.icon-btn:active{transform:scale(.96)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#280a0580;animation:overlay-in .2s var(--ease)}.overlay--closing{animation:overlay-out .2s var(--ease) forwards}@keyframes overlay-in{0%{opacity:0}}@keyframes overlay-out{to{opacity:0}}.sheet{position:relative;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:10px 18px calc(18px + env(safe-area-inset-bottom));background:var(--superficie);border-radius:24px 24px 0 0;animation:up .2s var(--ease)}.sheet--closing{animation:down .2s var(--ease) forwards}@keyframes up{0%{transform:translateY(40px);opacity:.6}}@keyframes down{to{transform:translateY(40px);opacity:0}}@media (min-width: 768px){.overlay{align-items:center;padding:24px}.sheet{max-width:520px;max-height:88dvh;border-radius:var(--radio);animation:sheet-pop .22s var(--ease)}.sheet--closing{animation:sheet-pop-out .2s var(--ease) forwards}}@keyframes sheet-pop{0%{transform:scale(.96);opacity:0}}@keyframes sheet-pop-out{to{transform:scale(.96);opacity:0}}.sheet__grab{width:44px;height:5px;margin:0 auto 8px;border-radius:3px;background:var(--linea)}.sheet__close{position:absolute;top:8px;right:8px}.sheet__cat{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rojo);padding-right:48px}.sheet__title{font:400 30px/1.1 var(--display);margin:2px 0 6px}.sheet__desc{font-size:15px;color:var(--texto-suave);margin-bottom:4px}.sheet__actions{position:sticky;bottom:-18px;display:flex;gap:12px;margin-top:18px;padding:12px 0 0;background:var(--superficie)}.sheet__actions .btn{flex:1}.field{margin:16px 0 0;padding:0;border:0}.field>label:not(.check),.field>legend{display:block;margin-bottom:6px;padding:0;font-weight:700;font-size:15px}.input{width:100%;min-height:52px;padding:0 14px;border:2px solid var(--linea);border-radius:12px;background:#fff;font-size:16px}.input:focus{border-color:var(--marron);outline:none}.input[aria-invalid=true]{border-color:var(--rojo)}.textarea{min-height:64px;padding:10px 14px;font-family:inherit;line-height:1.35;resize:none}.error{margin-top:6px;font-size:14px;font-weight:500;color:var(--rojo)}.zone-search{position:relative}.zone-search__field{display:flex;align-items:center;gap:8px;padding:0 8px 0 14px}.zone-search__field--invalid{border-color:var(--rojo)}.zone-search__input{flex:1;min-width:0;height:48px;border:0;background:none;font-size:16px;color:inherit}.zone-search__input:read-only{cursor:default}.zone-search__input::placeholder{color:var(--texto-suave)}.zone-search__fee{flex:none;font-weight:700;font-size:14px;color:var(--texto-suave);white-space:nowrap}.zone-search__clear{flex:none;width:36px;height:36px;min-width:44px;min-height:44px;margin:-6px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--texto-suave)}.zone-search__clear:active{transform:scale(.92)}.zone-search__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;border:2px solid var(--linea);border-radius:12px;box-shadow:0 10px 24px #5c1c1124}.zone-search__option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 10px;border-radius:8px;cursor:pointer}.zone-search__option--active{background:var(--superficie)}.zone-search__option-main{display:flex;flex-direction:column;min-width:0}.zone-search__option-group{font-size:12px;color:var(--texto-suave)}.zone-search__option-fee{flex:none;font-weight:700;font-size:14px}.zone-search__option--custom{margin-top:4px;padding-top:10px;border-top:1px dashed var(--linea);color:var(--marron);font-weight:700;font-size:14px}.zone-search__empty{padding:10px;font-size:14px;color:var(--texto-suave)}.error:before{content:"⚠ "}.hint{margin-top:8px;font-size:14px;color:var(--texto-suave)}.pay-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease)}.pay-collapse--open{grid-template-rows:1fr}.pay-collapse__inner{overflow:hidden;min-height:0}.transfer-panel{margin-top:16px;padding:14px;border-radius:var(--radio);background:var(--superficie)}.transfer-panel__head{display:flex;align-items:center;gap:8px;color:var(--marron)}.transfer-panel__label{font-weight:700}.transfer-panel__tag{font-size:13px;color:var(--texto-suave)}.transfer-panel__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.transfer-panel__value{font:400 24px/1.2 var(--display);letter-spacing:.02em}.transfer-panel__copy{flex:none}.transfer-panel__holder{margin-top:8px;font-size:14px;color:var(--texto-suave)}.transfer-panel__amount{margin-top:10px;padding-top:10px;border-top:1px solid var(--linea);font-size:14px}.transfer-panel__amount strong{font-size:16px}.transfer-panel__notice{margin-top:10px;font-size:14px;font-weight:700;color:var(--marron)}.warn{margin:0 0 18px;font-weight:700;color:var(--rojo)}.pills{display:flex;gap:10px;flex-wrap:wrap}.pills--chips{margin-top:10px;gap:8px}.chip--sm{padding:0 14px;font-size:13px}.chip:disabled{opacity:.4;cursor:not-allowed}.input-prefix{position:relative}.input-prefix>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--texto-suave);font-size:16px;pointer-events:none}.input-prefix .input{padding-left:28px}.pill{flex:1 1 130px;min-height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 12px;border:2px solid var(--marron);border-radius:14px;background:transparent;text-align:center;cursor:pointer;transition:opacity .2s var(--ease)}.pill input{position:absolute;opacity:0;pointer-events:none}.pill--on{background:var(--marron);color:var(--crema)}.pill:has(input:focus-visible){outline:3px solid var(--rojo);outline-offset:2px}.check{position:relative;min-height:52px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--linea);cursor:pointer}.check input{position:absolute;opacity:0}.check__box{flex:none;width:26px;height:26px;border:2px solid var(--marron);border-radius:7px;background:#fff}.check input:checked+.check__box{background:var(--rojo);border-color:var(--rojo);box-shadow:inset 0 0 0 4px #fff}.check input:focus-visible+.check__box{outline:3px solid var(--rojo);outline-offset:2px}.check__name{flex:1}.check__price{font-weight:700}.qty{display:flex;align-items:center;gap:6px;border:2px solid var(--marron);border-radius:14px;padding:0 4px}.qty span{min-width:28px;text-align:center;font:400 20px var(--display)}.qty__btn{width:44px;height:48px;display:grid;place-items:center;border:0;background:none}.qty--sm{flex:none}.qty--sm .qty__btn{height:44px}.screen-backdrop{position:fixed;inset:0;z-index:60;display:flex;justify-content:center}.screen{display:flex;flex-direction:column;width:100%;max-width:560px;background:var(--crema);animation:screen-in .22s var(--ease)}.screen--closing{animation:screen-out .2s var(--ease) forwards}@keyframes screen-in{0%{transform:translateY(16px);opacity:0}}@keyframes screen-out{to{transform:translateY(16px);opacity:0}}@media (min-width: 768px){.screen-backdrop{align-items:center;background:#280a0580;padding:24px;animation:overlay-in .18s var(--ease)}.screen-backdrop--closing{animation:overlay-out .18s var(--ease) forwards}.screen{max-height:88dvh;border-radius:var(--radio);overflow:hidden;box-shadow:0 20px 60px #280a0540;animation:sheet-pop .22s var(--ease)}.screen--closing{animation:sheet-pop-out .2s var(--ease) forwards}}.step-enter{flex:1;display:flex;flex-direction:column;animation:step-in-fwd .22s var(--ease)}.cart-step{flex:1;display:flex;flex-direction:column;min-height:100%}.step-enter--back{animation:step-in-back .22s var(--ease)}@keyframes step-in-fwd{0%{transform:translate(24px);opacity:0}}@keyframes step-in-back{0%{transform:translate(-24px);opacity:0}}.screen__bar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--linea)}.screen__bar h2{font:400 24px/1 var(--display);padding-left:8px}.screen__body{flex:1;overflow-y:auto;padding:8px 16px 20px;display:flex;flex-direction:column}.screen__foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--linea);background:var(--crema)}.cartline-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .26s var(--ease)}.cartline-wrap--removing{grid-template-rows:0fr}.cartline-collapse{overflow:hidden;min-height:0}.cartline{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--linea);animation:cartline-in .22s var(--ease);transition:opacity .22s var(--ease),transform .22s var(--ease)}.cartline-wrap--removing .cartline{opacity:0;transform:translate(-16px)}@keyframes cartline-in{0%{opacity:0;transform:translate(12px)}}.cartline__info{flex:1;min-width:0;display:grid;gap:2px}.cartline__info span{font-size:14px;color:var(--texto-suave)}.cartline__price{font:400 18px var(--display);color:var(--marron)!important}.upsell{margin-top:auto;padding:14px;border-radius:var(--radio);background:#de862329;border:2px dashed var(--marron)}.upsell h3{font:400 20px var(--display);color:var(--marron);margin-bottom:4px}.upsell li{display:flex;align-items:center;justify-content:space-between;min-height:52px}.totals{margin:18px 0;display:grid;gap:14px}.totals div{display:flex;justify-content:space-between;gap:12px}.totals dt,.totals dd{margin:0;font-weight:700;font-size:17px}.totals dd{text-align:right}.totals__total{padding-top:10px;border-top:2px solid var(--marron);font:400 24px var(--display)}.totals__total dt,.totals__total dd{font-size:24px;font-weight:400}.delivery-notice{margin:0 0 18px;font-size:14px;color:var(--texto-suave)}.empty{display:grid;justify-items:center;gap:16px;padding:60px 20px;text-align:center}.sent__actions{display:grid;justify-items:center;gap:8px}.sent__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--naranja);color:var(--marron)}.cartlist--plain li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linea)}.cartlist--plain em{display:block;font-style:normal;font-size:14px;color:var(--texto-suave)}.confirm__h{margin:22px 0 8px;font:400 20px var(--display)}.confirm .btn--link{margin-top:12px}.msg{margin:0;padding:14px;border-radius:var(--radio);background:var(--superficie);border:1px dashed var(--marron);font:400 14px/1.5 var(--cuerpo);white-space:pre-wrap;word-break:break-word}.toast{position:fixed;left:50%;bottom:96px;z-index:70;transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 18px;border-radius:999px;background:var(--marron);color:var(--crema);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fade .18s var(--ease)}.toast--leaving{animation:fade-out .18s var(--ease) forwards}@keyframes fade{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes fade-out{to{opacity:0;transform:translate(-50%,8px)}}.skeleton{padding:16px;display:grid;gap:12px}.skeleton__row{height:56px;border-radius:12px;background:linear-gradient(90deg,#5c1c1114,#5c1c1124,#5c1c1114);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (hover: hover){.chip:hover:not(:disabled){opacity:.85}.btn:hover{opacity:.92}.add:hover{transform:scale(1.06)}.icon-btn:hover{opacity:.8}.pill:hover{opacity:.88}.lastorder__reopen:hover{opacity:.85}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}