:root{--fondo:#0b0b0f;--superficie:#16161c;--superficie-2:#1f1f28;--borde:#2a2a35;--texto:#f4f4f6;--texto-2:#a1a1b0;--acento:#22c55e;--acento-texto:#04120a;--alerta:#f59e0b;--error:#ef4444;--arriba:env(safe-area-inset-top,0px);--abajo:env(safe-area-inset-bottom,0px);color-scheme:dark}*{box-sizing:border-box}body,html{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2;margin:0}.contenedor{margin:0 auto;max-width:560px;padding:0 16px;width:100%}.btn{align-items:center;background:var(--acento);border:0;border-radius:14px;color:var(--acento-texto);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:0 20px}.btn-borde{background:transparent;border:1px solid var(--borde);color:var(--texto)}.btn-bloque{width:100%}.btn:disabled{cursor:not-allowed;opacity:.45}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:16px}.apagado{color:var(--texto-2)}.chico{font-size:13px}.etiqueta{background:var(--superficie-2);border-radius:999px;color:var(--texto-2);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px}.etiqueta-acento{background:#22c55e29;color:var(--acento)}.etiqueta-alerta{background:#f59e0b29;color:var(--alerta)}.campo{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;color:var(--texto);font:inherit;min-height:48px;padding:0 14px;width:100%}.campo::-moz-placeholder{color:var(--texto-2)}.campo::placeholder{color:var(--texto-2)}.campo:focus{outline:2px solid var(--acento);outline-offset:-1px}.cabecera{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0feb;border-bottom:1px solid var(--borde);padding-top:var(--arriba);position:sticky;top:0;z-index:10}.solapas{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.solapas::-webkit-scrollbar{display:none}.solapa{background:var(--superficie);border:1px solid var(--borde);border-radius:999px;color:var(--texto-2);cursor:pointer;flex:0 0 auto;font:inherit;font-size:14px;font-weight:600;padding:8px 14px;white-space:nowrap}.solapa[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.item{align-items:center;border-bottom:1px solid var(--borde);display:flex;gap:12px;padding:12px}.item:last-child{border-bottom:0}.item-foto{background:var(--superficie-2);border-radius:12px;flex:0 0 auto;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.item-cuerpo{flex:1;min-width:0}.item-nombre{display:-webkit-box;font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-precio{font-weight:700;margin-top:2px}.tachado{color:var(--texto-2);font-size:13px;font-weight:400;margin-left:6px;text-decoration:line-through}.agotado{opacity:.45}.contador{align-items:center;background:var(--superficie-2);border:1px solid var(--borde);border-radius:999px;display:inline-flex;gap:2px}.contador button{background:transparent;border:0;border-radius:999px;color:var(--texto);cursor:pointer;font-size:20px;font-weight:600;height:44px;width:44px}.contador button:disabled{cursor:not-allowed;opacity:.35}.contador span{font-weight:700;min-width:28px;text-align:center}.barra-carrito{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0ff2;border-top:1px solid var(--borde);bottom:0;left:0;padding:12px 16px;padding-bottom:calc(12px + var(--abajo));position:fixed;right:0;z-index:20}.con-barra{padding-bottom:104px}.aviso{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;font-size:14px;padding:12px 14px}.aviso-alerta{border-color:#f59e0b66}.aviso-error{border-color:#ef444466}.brillo{animation:latido 1.6s ease-in-out infinite}@keyframes latido{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.brillo{animation:none}}