:root{--pastilla:var(--marino);--texto-pastilla:var(--crema)}@media (prefers-color-scheme:dark){:root{--pastilla:var(--amarillo);--texto-pastilla:var(--marino)}}.abrir-carrito{cursor:pointer;background:var(--pastilla);width:48px;height:48px;color:var(--texto-pastilla);transition:scale var(--dur-rapida) var(--curva-rebote);border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}@media (hover:hover){.abrir-carrito:hover{scale:1.06}}.abrir-carrito:active{scale:.94}.burbuja{border-radius:var(--radio-pastilla);background:var(--rojo);color:#fff;border:2px solid var(--fondo);min-width:24px;height:24px;font:700 13px / 1 var(--letra-titulo);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;display:grid;position:absolute;top:-4px;right:-4px}.burbuja[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.burbuja.salta{animation:salta .3s var(--curva-rebote)}}@keyframes salta{40%{scale:1.35}}.carrito{background:var(--fondo);width:min(420px,100vw - 32px);height:100dvh;max-height:none;color:var(--texto);box-shadow:-20px 0 60px var(--sombra-color);border-radius:var(--radio-m) 0 0 var(--radio-m);transition:translate var(--dur-media) var(--curva-salida);border:0;margin:0 0 0 auto;padding:0;translate:100%}.carrito[open]{translate:0}html:has(.carrito[open]){overflow:hidden}.carrito,.lineas{overscroll-behavior:contain}@starting-style{.carrito[open]{translate:100%}}.carrito.cerrando{transition-duration:var(--dur-rapida);translate:100%}.carrito::backdrop{opacity:1;transition:opacity var(--dur-media);background:#0d103073}@starting-style{.carrito[open]::backdrop{opacity:0}}.carrito.cerrando::backdrop{opacity:0;transition-duration:var(--dur-rapida)}.panel{flex-direction:column;height:100%;display:flex}.cabeza{justify-content:space-between;align-items:center;gap:var(--esp-s);padding:var(--esp-s) var(--esp-s) var(--esp-s) var(--esp-m);border-bottom:2px solid var(--borde);display:flex}.cabeza h2{font-size:var(--paso-3)}.cerrar{width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.cerrar:hover{background:var(--borde)}.avisos{margin:var(--esp-s) var(--esp-m) 0;padding:var(--esp-xs) var(--esp-s);border:2px solid var(--texto);border-radius:var(--radio-s);background:var(--superficie);gap:4px;font-weight:600;line-height:1.4;list-style:none;display:grid}.avisos[hidden]{display:none}.vacio{padding:var(--esp-l) var(--esp-m);gap:var(--esp-s);justify-items:start;display:grid}.vacio p{font-size:var(--paso-1);color:var(--texto-suave)}.seguir{font:600 var(--paso-0) / 1 var(--letra-titulo)}.lineas{padding:var(--esp-2xs) var(--esp-m);flex:1;margin:0;list-style:none;overflow-y:auto}.item{gap:var(--esp-s);padding:var(--esp-s) 0;border-bottom:2px solid var(--borde);grid-template-columns:72px 1fr;display:grid}.item:last-child{border-bottom:0}.item img{object-fit:cover;border-radius:var(--radio-s);background:var(--borde);width:72px;height:72px}.info{gap:4px;min-width:0;display:grid}.nombre{font-family:var(--letra-titulo);font-size:var(--paso-1);line-height:1.2}.nombre span{color:var(--texto-suave);font-weight:500;font-size:var(--paso-0);white-space:nowrap}.precio-linea{font:700 var(--paso-0) / 1.2 var(--letra-titulo);font-variant-numeric:tabular-nums}.fila{justify-content:space-between;align-items:center;gap:var(--esp-2xs);margin-top:4px;display:flex}.cantidad{border:2px solid var(--borde);border-radius:var(--radio-pastilla);background:var(--superficie);align-items:center;display:inline-flex}.cantidad button{width:40px;height:40px;color:inherit;cursor:pointer;font:600 var(--paso-1) / 1 var(--letra-titulo);background:0 0;border:0;border-radius:50%}.cantidad button:hover:not(:disabled){background:var(--borde)}.cantidad button:disabled{opacity:.35;cursor:default}.cantidad output{text-align:center;min-width:2ch;font:700 var(--paso-0) / 1 var(--letra-titulo);font-variant-numeric:tabular-nums}.quitar{color:var(--texto-suave);cursor:pointer;min-height:40px;font:600 var(--paso--1) / 1 var(--letra-texto);text-underline-offset:.2em;background:0 0;border:0;padding:0 4px;text-decoration:underline}.quitar:hover{color:var(--texto)}.pie{padding:var(--esp-s) var(--esp-m) var(--esp-m);border-top:2px solid var(--borde);gap:var(--esp-2xs);background:var(--superficie);display:grid}.suma{color:var(--texto-suave);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;display:flex}.total{font:700 var(--paso-2) / 1 var(--letra-titulo);justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.total output{font-variant-numeric:tabular-nums}.pie .nota{font-size:var(--paso--1);color:var(--texto-suave)}.pagar{margin-top:var(--esp-2xs);border-radius:var(--radio-pastilla);border:3px solid var(--borde-boton);background:var(--boton);min-height:52px;color:var(--texto-boton);font:600 var(--paso-1) / 1 var(--letra-titulo);place-items:center;text-decoration:none;display:grid}.carrito:not(.con-cosas) .lineas,.carrito:not(.con-cosas) .pie,.carrito.con-cosas .vacio{display:none}@media (prefers-color-scheme:dark){.burbuja{color:#fff}.carrito::backdrop{background:#0009}}.saltar{top:var(--esp-2xs);left:var(--gutter);z-index:20;border-radius:var(--radio-pastilla);background:var(--marino);color:var(--crema);font:600 var(--paso-0) / 1 var(--letra-titulo);translate:0 calc(-100% - var(--esp-s));padding:.7em 1.1em;text-decoration:none;position:fixed}#contenido:focus{outline:none}.saltar:focus-visible{outline-color:var(--amarillo);translate:none}@media (prefers-color-scheme:dark){.saltar{background:var(--amarillo);color:var(--marino)}.saltar:focus-visible{outline-color:var(--crema)}}.barra{z-index:10;height:var(--alto-barra);align-items:center;gap:var(--esp-2xs);padding:0 var(--gutter);background:var(--fondo);color:var(--texto);box-shadow:0 1px 0 var(--borde);transition:background-color var(--dur-media) var(--curva-salida), box-shadow var(--dur-media) var(--curva-salida);display:flex;position:sticky;top:0}:root{--alto-barra:64px}.barra-logo{border-radius:var(--radio-s);min-height:44px;transition:opacity var(--dur-media) var(--curva-salida), translate var(--dur-media) var(--curva-salida);flex:none;align-items:center;display:flex}.barra-logo img{width:92px;height:auto}.barra-links{gap:var(--esp-3xs);margin-left:auto;display:flex}.barra-links a{border-radius:var(--radio-pastilla);min-height:44px;font:600 var(--paso-0) / 1 var(--letra-titulo);align-items:center;padding:0 .55em;text-decoration:none;display:inline-flex}@media (hover:hover){.barra-links a:hover{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}}.barra-links a[aria-current=page]{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--rojo);text-decoration-color:var(--rojo)}@media (prefers-color-scheme:dark){.barra-links a[aria-current=page]{-webkit-text-decoration-color:var(--amarillo);text-decoration-color:var(--amarillo)}}.barra-links a{white-space:nowrap}.barra-pedidos svg{display:none}@media (width<=479px){.barra-links a{padding:0 .45em}.barra-pedidos{padding:0 8px!important}.barra-pedidos svg{display:block}.barra-pedidos span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.barra-pedidos{position:relative}.barra-pedidos svg{translate:0 -3px}.barra-pedidos[aria-current=page]:after{content:"";background:var(--rojo);border-radius:2px;width:26px;height:3px;position:absolute;bottom:9px;left:50%;translate:-50%}@media (prefers-color-scheme:dark){.barra-pedidos[aria-current=page]:after{background:var(--amarillo)}}.barra{gap:4px;padding-right:22px}header.barra .abrir-carrito{width:44px;height:44px;margin-left:0}.barra-logo img{width:84px}}.barra .abrir-carrito{margin-left:var(--esp-3xs)}@media (width<=360px){.barra{padding-right:var(--gutter);gap:0}.barra-logo img{width:72px}.barra-links{gap:0}.barra-links a{padding:0 .3em}.barra-pedidos{padding:0 4px!important}}.barra[data-arriba]{color:var(--texto-banda);box-shadow:none;background:0 0}.barra[data-arriba] .barra-logo{opacity:0;visibility:hidden;transition:opacity var(--dur-rapida), translate var(--dur-rapida), visibility 0s var(--dur-rapida);translate:0 -6px}
