html,body{margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#07455d,#057593 60%,#0a9bbf)}.loading__spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#07455d,#057593 60%,#0a9bbf);padding:24px}.card{background:#fff;border-radius:16px;padding:32px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 12px 32px #0003}.badge{display:inline-block;padding:4px 12px;border-radius:20px;background:#daf2f8;color:#07455d;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.badge--error{background:#fef2f2;color:#b91c1c}.card--error h1{margin:0 0 12px;color:#b91c1c;font-size:1.6rem}.card h1{margin:0 0 12px;color:#07455d;font-size:1.4rem}.card p,.hint{margin:0;color:#475569;line-height:1.6;font-size:.95rem}.menu{min-height:100vh;background:#f7f9fb;padding-bottom:32px}.menu__header{background:linear-gradient(135deg,#07455d,#057593 55%,#0a9bbf);padding:28px 20px 34px;text-align:center;color:#fff;border-radius:0 0 28px 28px;box-shadow:0 8px 24px #07455d40}.menu__header-inner{max-width:640px;margin:0 auto}.menu__badge{display:inline-block;padding:4px 14px;border-radius:20px;background:#ffffff29;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.menu__mesa{margin:0 0 6px;font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.menu__hint{margin:0;font-size:.85rem;opacity:.85}.prev-order{padding:16px 16px 0}.prev-order__inner{max-width:640px;margin:0 auto;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;padding:16px}.prev-order__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.prev-order__icon{font-size:1.2rem;line-height:1.4}.prev-order__titulo{margin:0 0 2px;font-size:.92rem;font-weight:800;color:#78350f}.prev-order__subtitulo{margin:0;font-size:.8rem;color:#92702a;line-height:1.4}.prev-order__items{border-top:1px solid #fde68a;padding-top:8px}.prev-order__row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:.85rem;color:#78350f}.prev-order__nombre{flex:1;font-weight:500;min-width:0}.prev-order__stepper{flex-shrink:0;display:flex;align-items:center;gap:6px}.prev-order__stepper button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;background:#92702a24;color:#78350f;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.prev-order__stepper button:disabled{opacity:.35;cursor:not-allowed}.prev-order__qty{min-width:16px;text-align:center;font-weight:700}.prev-order__precio{flex-shrink:0;font-weight:700;min-width:52px;text-align:right}.prev-order__quitar{all:unset;cursor:pointer;flex-shrink:0;color:#b91c1c;font-size:.9rem;padding:2px 2px 2px 4px}.prev-order__total-row{display:flex;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid #fde68a;font-weight:800;font-size:.88rem;color:#78350f}.menu__nav{position:sticky;top:0;z-index:10;background:#f7f9fbeb;backdrop-filter:blur(6px);border-bottom:1px solid #e6ebef;padding:10px 0}.menu__nav-inner{display:flex;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.menu__nav-inner::-webkit-scrollbar{display:none}.menu__nav-chip{flex-shrink:0;padding:7px 16px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;color:#07455d;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .15s ease}.menu__nav-chip:hover{background:#057593;color:#fff;border-color:#057593}.menu__main{max-width:720px;margin:0 auto;padding:24px 16px 0}.menu__empty{text-align:center;padding:60px 20px;color:#64748b}.menu__empty-icon{font-size:48px;margin-bottom:12px}.menu__empty h3{margin:0 0 6px;color:#334155}.menu__empty p{margin:0;font-size:.9rem}.menu__seccion{margin-bottom:32px;scroll-margin-top:60px}.menu__seccion-titulo{font-size:1.1rem;font-weight:800;color:#07455d;margin:0 0 14px;padding-left:2px}.menu__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.menu__card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.menu__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.menu__card-imgwrap{all:unset;display:block;cursor:pointer;position:relative;width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,#daf2f8,#f0fafd)}.menu__card-img{width:100%;height:100%;object-fit:cover;display:block}.menu__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.5}.menu__card-oferta{position:absolute;top:8px;left:8px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:20px}.menu__card-body{padding:10px 12px 14px}.menu__card-nombre{margin:0 0 8px;font-size:.88rem;font-weight:600;color:#0f172a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu__card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.menu__card-precio{font-size:.95rem;font-weight:800;color:#057593}.menu__card-seleccionar{all:unset;cursor:pointer;padding:7px 12px;border-radius:20px;background:#07455d;color:#fff;font-size:.74rem;font-weight:700;white-space:nowrap;transition:background .15s ease}.menu__card-seleccionar:hover{background:#057593}.menu__card-seleccionar.is-activo{background:#15803d}.menu__footer{text-align:center;color:#94a3b8;font-size:.78rem;margin-top:28px}@media (min-width: 520px){.menu__grid{grid-template-columns:repeat(3,1fr)}}.producto-modal{position:fixed;inset:0;z-index:35}.producto-modal__backdrop{position:absolute;inset:0;background:#0f172a8c}.producto-modal__sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;max-height:88vh;overflow-y:auto;box-shadow:0 -12px 32px #00000038;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 560px){.producto-modal__sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:420px;border-radius:20px;max-height:85vh}}.producto-modal__cerrar{all:unset;cursor:pointer;position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;background:#0f172a8c;color:#fff;display:flex;align-items:center;justify-content:center}.producto-modal__galeria{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;aspect-ratio:4 / 3;background:linear-gradient(135deg,#daf2f8,#f0fafd);border-radius:20px 20px 0 0}@media (min-width: 560px){.producto-modal__galeria{border-radius:20px 20px 0 0}}.producto-modal__galeria::-webkit-scrollbar{display:none}.producto-modal__galeria img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}.producto-modal__galeria-placeholder{flex:0 0 100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.4}.producto-modal__body{padding:18px 20px 20px;text-align:center}.producto-modal__nombre{margin:0 0 6px;font-size:1.15rem;font-weight:800;color:#0f172a}.producto-modal__precio{font-size:1.3rem;font-weight:800;color:#057593;margin-bottom:18px}.producto-modal__stepper{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:18px}.producto-modal__stepper button{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;background:#f0fafd;color:#07455d;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center}#producto-modal-qty{font-size:1.2rem;font-weight:800;color:#0f172a;min-width:24px}.producto-modal__agregar{all:unset;cursor:pointer;display:block;width:100%;text-align:center;padding:13px 0;border-radius:12px;background:linear-gradient(135deg,#07455d,#057593 55%,#0a9bbf);color:#fff;font-weight:700;font-size:.95rem}.producto-modal__quitar{all:unset;cursor:pointer;display:block;width:100%;text-align:center;padding:10px 0 0;color:#b91c1c;font-weight:600;font-size:.85rem}.toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;max-width:420px;margin:0 auto;background:#0f172a;color:#fff;padding:13px 18px;border-radius:14px;font-size:.86rem;font-weight:600;text-align:center;box-shadow:0 10px 28px #00000047;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}