:root{--fondo: #e9ecff;--tinta: #14163a;--texto-2: #3f4370;--texto-3: #4a4e78;--blanco: #ffffff;--cobalto: #2a3cff;--tomate: #ff6a3d;--mantequilla: #ffd23f;--menta: #6fe0b0;--lila: #b9a7ff;--peligro: #b3261e;--error-texto: #8e1b14;--linea: #ecedf6;--esqueleto: #d5d9f7;--sombra: 0 4px 0 rgba(20, 22, 58, .16);--titular: "Bricolage Grotesque", system-ui, sans-serif;--cuerpo: "DM Sans", system-ui, sans-serif;--borde-seguro: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--cuerpo);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px}.app{position:relative;width:100%;max-width:430px;height:var(--alto-visible, 100dvh);margin:0 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--fondo)}.screen{display:flex;flex-direction:column;gap:12px;min-height:var(--alto-estable, 100dvh);padding:max(20px,env(safe-area-inset-top)) 16px calc(24px + var(--borde-seguro))}.screen--tab{padding-bottom:calc(112px + var(--borde-seguro))}.display{font-family:var(--titular);font-weight:800;letter-spacing:-.04em;line-height:1}.title{font-family:var(--titular);font-weight:800;letter-spacing:-.03em;line-height:1.05}.muted{color:var(--texto-2)}.small{font-size:14px}.tiny{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border:0;border-radius:28px;font-weight:600}.btn--ink{background:var(--tinta);color:var(--blanco)}.btn--white{background:var(--blanco);color:var(--tinta)}.btn--outline{background:transparent;border:2px solid var(--tinta);color:var(--tinta)}.btn--butter{background:var(--mantequilla);color:var(--tinta)}.btn--danger{background:var(--peligro);color:var(--blanco)}.btn--full{width:100%}.btn:disabled{opacity:.5}.icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:var(--blanco);color:var(--tinta)}.icon-btn--ink{background:var(--tinta);color:var(--blanco)}.field{display:flex;flex-direction:column;gap:6px}.field label,.field-label{font-size:14px;font-weight:500}.input{width:100%;min-height:56px;padding:0 16px;border:2px solid transparent;border-radius:16px;outline:0;background:var(--blanco);font-size:16px}.input:focus{border-color:var(--cobalto)}.input--error{border-color:var(--peligro)}.input--soft{background:var(--fondo)}.field-error{color:var(--error-texto);font-size:14px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:2px solid transparent;border-radius:22px;background:var(--blanco);font-size:14px;font-weight:500}.chip[aria-pressed=true]{background:var(--tinta);color:var(--blanco)}.sheet-backdrop{position:fixed;top:0;left:0;right:0;height:var(--alto-visible, 100dvh);z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#14163a8c}.sheet{display:flex;flex-direction:column;gap:12px;width:100%;max-width:430px;max-height:92%;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px calc(20px + var(--borde-seguro));border-radius:28px 28px 0 0;background:var(--blanco)}.toast{position:fixed;left:50%;bottom:calc(88px + var(--borde-seguro));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 32px);max-width:398px;min-height:52px;padding:0 4px 0 20px;border-radius:26px;background:var(--tinta);color:var(--blanco);font-size:14px;box-shadow:var(--sombra);transform:translate(-50%)}.toast button{min-height:44px;padding:0 16px;border:0;border-radius:19px;background:var(--mantequilla);color:var(--tinta);font-weight:600}.app:not(:has(.nav)) .toast{bottom:calc(24px + var(--borde-seguro))}.teclado .nav{display:none}.teclado .toast{top:calc(var(--alto-visible) - 64px);bottom:auto}.chat{display:flex;flex-direction:column;height:var(--alto-visible, 100dvh);padding-top:max(20px,env(safe-area-inset-top))}.chat-cabecera{flex:none;padding:0 16px 8px}.chat-lista{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 16px 12px}.chat-lista>:first-child{margin-top:auto}.chat-burbuja{align-self:flex-end;max-width:82%;padding:10px 16px;border-radius:20px 20px 6px;background:var(--tinta);color:var(--blanco);overflow-wrap:anywhere}.chat-burbuja img{display:block;max-width:100%;max-height:200px;margin-bottom:8px;border-radius:14px}.chat-tarjeta{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:var(--blanco);overflow-wrap:anywhere}.chat-tarjeta--error{background:var(--tomate)}.chat-opcion{display:flex;flex:none;align-items:center;width:100%;min-height:48px;padding:8px 18px;border:0;border-radius:24px;background:var(--fondo);text-align:left}.chat-opcion--blanca{background:var(--blanco)}.chat-opcion:disabled{opacity:.5}.chat-pensando{align-self:center;padding:10px 20px;border-radius:22px;background:var(--blanco);font-size:15px}.chat-escribir{flex:none;padding:0 16px calc(12px + var(--borde-seguro))}.teclado .chat-escribir{padding-bottom:8px}.chat-caja{display:flex;align-items:center;gap:2px;min-height:56px;padding:0 6px 0 18px;border-radius:28px;background:var(--blanco);box-shadow:var(--sombra)}.chat-caja input{flex:1;min-width:0;height:52px;padding:0;border:0;outline:0;background:transparent;font-size:16px}.chat-foto{display:flex;align-items:center;gap:8px;padding-bottom:8px}.chat-foto img{width:56px;height:56px;border-radius:12px;object-fit:cover}:root:not(.teclado) .app:has(.chat) .toast{bottom:calc(84px + var(--borde-seguro))}.nav{position:fixed;left:50%;bottom:calc(16px + var(--borde-seguro));z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 54px;align-items:center;width:calc(100% - 32px);max-width:398px;height:64px;padding:0 6px 0 8px;border-radius:32px;background:var(--tinta);color:var(--blanco);transform:translate(-50%)}.nav a{display:flex;align-items:center;justify-content:center;height:52px}.nav a.active{color:var(--mantequilla)}.nav img{width:44px;height:44px;border:2px solid transparent;border-radius:22px;background:var(--fondo);object-fit:cover}.nav a.active img{border-color:var(--mantequilla)}.nav .nav-add{border-radius:26px;background:var(--mantequilla);color:var(--tinta)}.ticket{--dientes: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% 100% / 12px 6px repeat-x, linear-gradient(#000 0 0) top / 100% calc(100% - 5.5px) no-repeat;padding:12px 14px 18px;background:var(--blanco);-webkit-mask:var(--dientes);mask:var(--dientes)}.skeleton{border-radius:12px;background:var(--esqueleto)}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}