:root{--rojo: #e31c25;--rojo-claro: #ff5b60;--rojo-oscuro: #b3141b;--tinta: #1a1114;--tinta-suave: #5f5054;--borde: rgba(255, 255, 255, .6);--borde-firme: rgba(126, 96, 100, .18);--vidrio: rgba(255, 255, 255, .6);--vidrio-denso: rgba(255, 255, 255, .86);--brillo: rgba(255, 255, 255, .8);--sombra: 0 10px 30px rgba(74, 40, 45, .12), 0 2px 8px rgba(74, 40, 45, .06);--sombra-alta: 0 -12px 50px rgba(74, 40, 45, .22);--ok: #17864a;--radio: 22px;--radio-chico: 15px;--desenfoque: blur(22px) saturate(180%);--tope-cabecera: calc(env(safe-area-inset-top, 0px) + 8px) ;--alto-cabecera: 54px;color-scheme:light;font-family:Manrope,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme: dark){:root{--tinta: #f6eeef;--tinta-suave: #b6a6a9;--borde: rgba(255, 255, 255, .12);--borde-firme: rgba(255, 255, 255, .1);--vidrio: rgba(38, 28, 31, .62);--vidrio-denso: rgba(30, 22, 25, .92);--brillo: rgba(255, 255, 255, .12);--sombra: 0 10px 30px rgba(0, 0, 0, .45);--sombra-alta: 0 -12px 50px rgba(0, 0, 0, .6);--rojo: #ff4a51;--rojo-oscuro: #ff7176;--ok: #4cc47f;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%}body{margin:0;color:var(--tinta);font-size:15px;line-height:1.4;background:#fbf3ec;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(34rem 28rem at 8% 4%,rgba(255,138,30,.36),transparent 62%),radial-gradient(30rem 24rem at 96% 10%,rgba(227,28,37,.22),transparent 60%),radial-gradient(36rem 30rem at 84% 96%,rgba(255,196,92,.36),transparent 62%),radial-gradient(28rem 24rem at 10% 88%,rgba(120,130,255,.18),transparent 60%),linear-gradient(165deg,#fffaf4,#fdf1e8 55%,#f5eff8)}@media (prefers-color-scheme: dark){body{background:#120c0e}body:before{background:radial-gradient(34rem 28rem at 8% 4%,rgba(255,120,30,.22),transparent 62%),radial-gradient(30rem 24rem at 96% 10%,rgba(227,28,37,.24),transparent 60%),radial-gradient(36rem 30rem at 84% 96%,rgba(60,70,160,.3),transparent 62%),linear-gradient(165deg,#171013,#140e12 55%,#0f1220)}}.vidrio{background:var(--vidrio);backdrop-filter:var(--desenfoque);-webkit-backdrop-filter:var(--desenfoque);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra),inset 0 1px 0 var(--brillo)}@supports not (backdrop-filter: blur(1px)){.vidrio{background:var(--vidrio-denso)}}button{font-family:inherit;font-size:15px;font-weight:700;color:var(--tinta);background:var(--vidrio-denso);border:1px solid var(--borde);border-radius:999px;padding:11px 18px;cursor:pointer;box-shadow:inset 0 1px 0 var(--brillo);transition:transform .1s ease,filter .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}button.principal{color:#fff;background:linear-gradient(180deg,var(--rojo-claro),var(--rojo));border-color:#fff6;box-shadow:0 8px 22px #e31c2559,inset 0 1px #ffffff73}button.discreto{background:transparent;border-color:transparent;box-shadow:none;color:var(--tinta-suave)}button.enlace{background:none;border:0;box-shadow:none;color:var(--rojo);padding:0;text-decoration:underline}.ancho{width:100%}.crece{flex:1}input,select{font-family:inherit;font-size:16px;width:100%;padding:13px 15px;color:var(--tinta);background:var(--vidrio-denso);border:1px solid var(--borde-firme);border-radius:var(--radio-chico);outline:none}input:focus,select:focus{border-color:var(--rojo);box-shadow:0 0 0 4px #e31c2524}label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave);margin:14px 0 6px}.entrada{min-height:100svh;display:grid;place-items:center;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.entrada-caja{width:100%;max-width:400px;padding:28px 24px}.logo{display:block;width:150px;height:auto;margin:0 auto 8px;filter:drop-shadow(0 10px 22px rgba(196,118,24,.3))}.entrada h1{text-align:center;font-size:27px;letter-spacing:-.03em;margin:4px 0 6px}.entrada .sub{text-align:center;color:var(--tinta-suave);margin:0 0 8px;font-size:14.5px}.entrada button.principal{margin-top:20px;padding:15px;font-size:16px}.error{margin:14px 0 0;padding:11px 13px;border-radius:var(--radio-chico);font-size:14px;font-weight:700;color:var(--rojo-oscuro);background:#e31c2521}@media (max-height: 700px){.logo{width:104px}.entrada h1{font-size:23px}}.cabecera{position:sticky;top:var(--tope-cabecera);z-index:20;display:flex;align-items:center;gap:10px;height:var(--alto-cabecera);margin:8px 12px 0;padding:0 8px 0 12px;border-radius:999px}.sello{width:36px;height:36px;filter:drop-shadow(0 3px 8px rgba(196,118,24,.35))}.saludo{flex:1;line-height:1.15}.saludo b{display:block;color:var(--rojo);font-size:17px;letter-spacing:-.02em}.saludo span{font-size:13px;color:var(--tinta-suave)}.tienda{max-width:1100px;margin:0 auto;padding:12px 12px calc(110px + env(safe-area-inset-bottom,0px))}.pago{margin:4px 0 2px;padding:14px;border-radius:var(--radio-chico);background:var(--vidrio);border:1px solid var(--borde)}.pago label{margin:0 0 8px}.selector{position:relative}.selector:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border:solid var(--rojo);border-width:0 2.5px 2.5px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}.selector select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:14px 48px 14px 16px;font-weight:700;border-radius:999px;cursor:pointer}.nota-pago{margin:9px 2px 0;font-size:12.5px;line-height:1.4;color:var(--tinta-suave)}.buscar{position:sticky;top:calc(var(--tope-cabecera) + var(--alto-cabecera) + 8px);z-index:19;margin-bottom:6px}.buscar input{box-shadow:var(--sombra),inset 0 1px 0 var(--brillo)}.buscar svg{position:absolute;left:15px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:var(--tinta-suave)}.buscar input{padding-left:44px;border-radius:999px;background:var(--vidrio-denso)}.conteo{margin:6px 4px 10px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-suave)}.conteo span{font-weight:600;letter-spacing:0;text-transform:none}.vacio{text-align:center;color:var(--tinta-suave);padding:40px 16px}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px}@media (min-width: 700px){.rejilla{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}}.tarjeta{display:flex;flex-direction:column;padding:8px 8px 10px;border-radius:var(--radio-chico);background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--sombra),inset 0 1px 0 var(--brillo);content-visibility:auto;contain-intrinsic-size:300px}.tarjeta.en-carrito{box-shadow:0 0 0 2px var(--rojo),var(--sombra)}.foto{position:relative;aspect-ratio:1;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:8px}.foto img{width:100%;height:100%;object-fit:contain;padding:6px}.foto img.sin-foto{width:46%;height:46%;opacity:.55;filter:grayscale(.3)}.insignia{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;color:#7a5200;background:#ffd678e6}.tarjeta h3{margin:0 2px 6px;font-size:13px;font-weight:700;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.precios{margin:0 2px 10px}.precio-oferta{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.precio-oferta .etiqueta{font-size:12px;font-weight:700;color:var(--rojo)}.precio-oferta strong{font-size:21px;letter-spacing:-.03em;color:var(--rojo);line-height:1.1}.precio-oferta .por{font-size:12px;font-weight:700;color:var(--rojo)}.precios dl{margin:5px 0 0;display:grid;gap:2px}.precios dl div{display:flex;align-items:baseline;gap:5px;font-size:12.5px}.precios dt{color:var(--tinta-suave);font-weight:700}.precios dd{margin:0;font-weight:800;white-space:nowrap}.referencial{margin:4px 0 0;font-size:11px;color:#7a5200;font-weight:700}.agregar{margin-top:auto;padding:9px;font-size:14px}.tarjeta .cantidad{margin-top:auto}.cantidad{display:flex;align-items:stretch;border-radius:999px;overflow:hidden;background:var(--vidrio-denso);border:1px solid var(--borde-firme)}.cantidad button{flex:none;width:40px;padding:7px 0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:20px;line-height:1;color:var(--rojo)}.cantidad input{flex:1;min-width:0;padding:7px 0;border:0;border-radius:0;background:transparent;text-align:center;font-weight:800;box-shadow:none}.fantasma{min-height:280px;animation:brillo 1.4s ease-in-out infinite}@keyframes brillo{50%{opacity:.55}}.barra-pedido{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:25;max-width:620px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:var(--vidrio-denso)}.barra-pedido div{flex:1;line-height:1.15}.barra-pedido span{display:block;font-size:12.5px;color:var(--tinta-suave);font-weight:700}.barra-pedido strong{font-size:20px;letter-spacing:-.02em}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;border-radius:0;padding:0;background:#28181c52;box-shadow:none}.hoja{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:620px;max-height:92svh;margin:0 auto;display:flex;flex-direction:column;border-radius:var(--radio) var(--radio) 0 0;border-bottom:0;background:var(--vidrio-denso);box-shadow:var(--sombra-alta)}@media (prefers-reduced-motion: no-preference){.hoja{animation:sube .28s cubic-bezier(.2,.8,.2,1)}@keyframes sube{0%{transform:translateY(40px);opacity:0}}}.hoja-cabeza{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.hoja-cabeza h2{margin:0;font-size:21px;letter-spacing:-.02em}.hoja-cuerpo{overflow-y:auto;padding:0 20px 16px}.hoja-cuerpo label:first-child{margin-top:4px}.hoja-pie{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--borde-firme)}.hoja-pie button.principal{padding:15px;font-size:16px}.lineas{list-style:none;margin:14px 0 0;padding:0}.lineas li{padding:14px 0;border-bottom:1px solid var(--borde-firme)}.linea-cabeza{display:flex;align-items:flex-start;gap:12px}.linea-cabeza b{flex:1;font-size:14.5px;line-height:1.3}.linea-cabeza strong{font-size:17px;color:var(--rojo);white-space:nowrap}.calculo{margin:4px 0 0;font-size:13px;color:var(--tinta-suave)}.calculo b{color:var(--tinta)}.controles-linea{display:flex;align-items:center;gap:10px;margin-top:10px}.controles-linea .redondo{width:36px;height:36px;padding:0;border-radius:50%;font-size:20px;line-height:1;color:#fff;background:linear-gradient(180deg,var(--rojo-claro),var(--rojo));border-color:transparent;box-shadow:0 3px 8px #e31c254d}.controles-linea input{width:54px;padding:7px 4px;text-align:center;font-weight:800;color:var(--rojo);border-radius:10px}.controles-linea .eliminar{width:36px;height:36px;padding:0;border-radius:50%;font-size:14px;color:var(--rojo);background:#e31c251a;border-color:#e31c2540;box-shadow:none}.aviso{margin:12px 0 0;padding:11px 13px;border-radius:var(--radio-chico);font-size:13.5px;font-weight:600}.aviso.azul{background:#2f6fdb1f;color:#1d4f9e}.aviso.ambar{background:#d99a1229;color:#7a5200}@media (prefers-color-scheme: dark){.aviso.azul{color:#8fb4ff}.aviso.ambar{color:#f0c46a}}.total{margin-top:14px;padding:16px;border-radius:var(--radio-chico);background:var(--vidrio);text-align:center}.total span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave)}.total strong{display:block;font-size:34px;letter-spacing:-.03em;color:var(--rojo);margin:4px 0 2px}.total .total-bs{font-size:18px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tinta)}.confirmacion{max-width:440px;margin:24px auto;padding:28px 24px;text-align:center}.confirmacion h1{margin:12px 0 4px;font-size:26px;letter-spacing:-.03em}.confirmacion .numero{display:inline-block;margin:6px 0 12px;padding:6px 16px;border-radius:999px;font-size:20px;font-weight:800;letter-spacing:.04em;background:var(--vidrio-denso);border:1px solid var(--borde)}.confirmacion p{margin:6px 0}.confirmacion button{margin-top:18px;padding:15px}.check{width:64px;height:64px;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,#3fd07e,var(--ok));box-shadow:0 10px 24px #17864a59;position:relative}.check:after{content:"";position:absolute;left:23px;top:14px;width:14px;height:28px;border:solid #fff;border-width:0 5px 5px 0;transform:rotate(45deg)}.nota{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;width:min(420px,calc(100vw - 24px));padding:12px 16px;border-radius:var(--radio-chico);color:#fff;font-weight:700;font-size:14px;background:#1a1114db;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--sombra)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.saludo .sede{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;vertical-align:middle;color:var(--rojo);background:#e31c251a;border:1px solid rgba(227,28,37,.22)}.ayuda-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;margin:26px auto calc(96px + env(safe-area-inset-bottom,0px));padding:13px 20px;max-width:380px;border-radius:16px;font-size:14.5px;font-weight:700;text-decoration:none;color:#128c3e;background:#25d3661f;border:1px solid rgba(37,211,102,.3)}.ayuda-whatsapp svg{width:20px;height:20px;fill:currentColor;flex:none}.ayuda-whatsapp:hover{background:#25d36633}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ayuda-whatsapp{color:#4ae08a}}