.demo{--d-alto-barra:4.5rem;--d-radio:1.25rem;--d-radio-grande:1.75rem;--d-sombra:0 8px 24px #12121214;--d-borde:0 0 0 1px color-mix(in srgb, var(--d-texto) 12%, transparent);--d-duracion:.2s;--d-alto-marco:3.25rem;--foco:var(--d-texto);background:var(--d-fondo);min-width:0;min-height:100dvh;color:var(--d-texto);font-family:var(--d-fuente-texto);font-size:1rem;line-height:1.5}.demo-contenedor{width:min(100% - 2.5rem,70rem);margin-inline:auto}.demo-titulo{font-family:var(--d-fuente-titulos);font-size:clamp(1.75rem,1.4rem + 1.6vw,2.75rem);font-weight:400;line-height:1.1}.demo-titulo:focus{outline:none}.demo-boton{background:var(--d-marca);min-height:2.75rem;color:var(--d-sobre-marca);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-boton:active:not(:disabled){transform:scale(.97)}.demo-boton:disabled{background:var(--d-fondo-suave);color:var(--d-texto-suave);cursor:not-allowed}.demo-boton--claro{background:var(--d-fondo);color:var(--d-texto);box-shadow:inset 0 0 0 2px var(--d-marca)}.demo-boton--chico{min-height:2.75rem;padding:.5rem 1rem;font-size:.875rem}.demo-marco{--foco:var(--foco-sobre-oscuro);z-index:30;min-height:var(--d-alto-marco);padding:.25rem max(.75rem, env(safe-area-inset-right)) .25rem max(.75rem, env(safe-area-inset-left));background:var(--color-negro);color:var(--color-claro);font-family:var(--fuente-base);align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:sticky;top:0}.demo-marco__sello{border:1px solid var(--color-oro-claro);color:var(--color-oro-claro);white-space:nowrap;border-radius:999px;margin-right:auto;padding:.25rem .625rem;font-weight:700}.demo-marco__vistas{background:#ffffff1a;border-radius:999px;padding:2px;display:flex}.demo-marco__vistas button{min-height:2.25rem;color:var(--color-piedra);cursor:pointer;transition:transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 .75rem;font-weight:700}.demo-marco__vistas button[aria-pressed=true]{background:var(--color-claro);color:var(--color-negro)}.demo-marco__salir{width:2.75rem;height:2.75rem;transition:transform .16s var(--ease-out);border-radius:999px;place-items:center;margin-right:-.5rem;display:grid}.demo-marco__vistas button:active,.demo-marco__salir:active{transform:scale(.97)}@keyframes demo-entra{0%{opacity:0;transform:translateY(6px)}}@keyframes demo-fundido{0%{opacity:0}}.demo-pantalla{animation:demo-entra var(--d-duracion) var(--ease-out)}@media (prefers-reduced-motion:reduce){.demo-pantalla{animation:.15s ease-out demo-fundido}}.demo-pendiente{justify-items:start;gap:1rem;padding-block:3rem;display:grid}.demo-pantalla{padding-bottom:calc(var(--d-alto-barra) + env(safe-area-inset-bottom))}.demo-anuncio{background:var(--d-marca);color:var(--d-sobre-marca);text-align:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:700}.demo-cabecera{gap:.75rem;padding-block:1rem .5rem;display:grid}.demo-cabecera__fila{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-logo{color:var(--d-marca-texto);font-family:var(--d-fuente-titulos);font-size:1.5rem;line-height:1.1}.demo-cabecera .demo-logo{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.demo-icono{background:var(--d-fondo-suave);cursor:pointer;width:2.75rem;height:2.75rem;transition:transform .16s var(--ease-out);border:0;border-radius:999px;flex:none;place-items:center;display:grid}.demo-icono:active{transform:scale(.97)}.demo-buscador{background:var(--d-fondo-suave);border-radius:999px;align-items:center;display:flex;box-shadow:inset 0 0 0 2px #0000}.demo-buscador:focus-within{box-shadow:inset 0 0 0 2px var(--d-marca)}.demo-buscador input{background:0 0;border:0;flex:1;min-width:0;min-height:3rem;padding:0 0 0 1.25rem;font-size:1rem}.demo-buscador input::placeholder{color:var(--d-texto-suave)}.demo-buscador input:focus{outline:none}.demo-buscador button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:3rem;height:3rem;display:grid}.demo-hero{background:var(--d-fondo-suave);border-radius:var(--d-radio-grande);align-items:center;gap:.5rem 1rem;margin-top:1rem;padding:1.5rem 1.25rem;display:grid}.demo-hero__temporada{color:var(--d-marca-texto);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.demo-hero__titular{margin-top:.25rem}.demo-hero__bajada{color:var(--d-texto-suave);margin-top:.5rem}.demo-hero__acciones{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.demo-hero__ilustracion{order:-1;width:4.5rem}.demo-seccion{margin-top:2.25rem}.demo-subtitulo{font-family:var(--d-fuente-titulos);margin-bottom:.875rem;font-size:1.5rem;font-weight:400;line-height:1.15}.demo-ocasiones,.demo-categorias,.demo-grilla,.demo-puestos,.demo-por-que{padding:0;list-style:none}.demo-ocasiones{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.demo-ocasion{background:var(--d-fondo-suave);border-radius:var(--d-radio);text-align:left;cursor:pointer;width:100%;min-height:6rem;transition:transform .16s var(--ease-out);border:0;align-content:end;gap:.125rem;padding:1rem;display:grid}.demo-ocasion[data-campana]{background:var(--d-marca);color:var(--d-sobre-marca)}.demo-ocasion strong{font-size:1.0625rem}.demo-ocasion span{font-size:.8125rem}.demo-categorias{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;padding:.25rem 1.25rem .5rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.demo-categorias::-webkit-scrollbar{display:none}.demo-categorias li{scroll-snap-align:start;flex:none}.demo-categoria{background:var(--d-fondo);border-radius:var(--d-radio);width:6.5rem;box-shadow:0 0 0 1px var(--d-texto), 0 0 0 4px var(--d-marca);cursor:pointer;transition:transform .16s var(--ease-out);border:0;justify-items:center;gap:.375rem;margin:4px;padding:.75rem .5rem;font-size:.875rem;font-weight:700;display:grid}.demo-categoria svg{width:3.5rem}.demo-ocasion:active,.demo-categoria:active,.tarjeta-producto:active:not(:has(.tarjeta-producto__agregar:active)){transform:scale(.97)}.demo-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tarjeta-producto{background:var(--d-fondo);border-radius:var(--d-radio);height:100%;box-shadow:var(--d-borde), var(--d-sombra);transition:transform .16s var(--ease-out);flex-direction:column;padding:.625rem;display:flex;position:relative}.tarjeta-producto__imagen{aspect-ratio:1;background:var(--d-fondo-suave);border-radius:calc(var(--d-radio) - .375rem);place-items:center;display:grid;position:relative}.tarjeta-producto__imagen svg{width:62%}.tarjeta-producto[data-agotado] .tarjeta-producto__imagen svg{opacity:.4}.demo-etiqueta{color:var(--d-texto);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:.5rem;left:.5rem}.demo-etiqueta--nuevo{background:var(--d-turquesa)}.demo-etiqueta--oferta{background:var(--d-amarillo)}.demo-etiqueta--agotado{background:var(--d-texto);color:var(--d-fondo)}.tarjeta-producto__nombre{font-family:var(--d-fuente-texto);margin-top:.625rem;font-size:.9375rem;font-weight:700;line-height:1.25}.tarjeta-producto__abrir{-webkit-line-clamp:3;line-clamp:3;text-align:left;cursor:pointer;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.tarjeta-producto__abrir:after{content:"";border-radius:var(--d-radio);position:absolute;inset:0}.tarjeta-producto__abrir:focus-visible{outline:none}.tarjeta-producto__abrir:focus-visible:after{outline:3px solid var(--foco);outline-offset:3px}.tarjeta-producto__marca{color:var(--d-texto-suave);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.tarjeta-producto__precio{flex-wrap:wrap;align-items:baseline;gap:0 .375rem;margin-top:.375rem;font-size:.8125rem;line-height:1.3;display:flex}.tarjeta-producto__presentacion{color:var(--d-texto-suave);flex-basis:100%}.tarjeta-producto__precio strong{font-variant-numeric:tabular-nums;font-size:1.0625rem}.tarjeta-producto__desde{color:var(--d-marca-texto);font-weight:700}.tarjeta-producto__agregar{z-index:1;width:100%;margin-top:auto;position:relative}.tarjeta-producto__precio+.tarjeta-producto__agregar,.tarjeta-producto__precio:last-of-type{margin-bottom:.75rem}.demo-puestos{gap:.75rem;display:grid}.demo-puesto{background:var(--d-fondo-suave);border-radius:var(--d-radio);justify-items:start;gap:.25rem;padding:1.25rem;font-size:.9375rem;display:grid}.demo-puesto__nombre{font-size:1.125rem}.demo-puesto__que{font-weight:700}.demo-puesto__referencia{color:var(--d-texto-suave);margin-bottom:.5rem}.demo-por-que{gap:1rem;display:grid}.demo-por-que li{border-left:4px solid var(--d-marca);gap:.125rem;padding-left:1rem;display:grid}.demo-pie{background:var(--d-fondo-suave);margin-top:3rem;padding-block:2rem;font-size:.875rem}.demo-pie__fila{gap:.25rem;display:grid}.demo-pie__nissidev{color:var(--d-texto-suave);margin-top:1rem}.demo-pie__nissidev a{color:var(--d-texto);font-weight:700}.demo-abajo{z-index:20;padding:.75rem max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:none;justify-content:flex-end;align-items:center;gap:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.demo-abajo>*{pointer-events:auto}.demo-barra-pedido{background:var(--d-texto);min-height:3rem;color:var(--d-fondo);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;flex:1;justify-content:space-between;align-items:center;padding:0 1.25rem;font-weight:700;display:flex;box-shadow:0 10px 30px #0003}.demo-flotante{background:var(--d-marca);width:3rem;height:3rem;color:var(--d-sobre-marca);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;flex:none;order:2;place-items:center;display:grid;box-shadow:0 10px 30px #0003}.demo-barra-pedido:active,.demo-flotante:active{transform:scale(.97)}.demo-aviso-zona{right:0;bottom:calc(var(--d-alto-barra) + env(safe-area-inset-bottom));z-index:25;pointer-events:none;justify-content:center;padding-inline:1rem;display:flex;position:fixed;left:0}.demo-aviso{background:var(--color-negro);max-width:28rem;color:var(--color-claro);pointer-events:auto;animation:demo-entra var(--d-duracion) var(--ease-out);--foco:var(--foco-sobre-oscuro);border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem .5rem .75rem 1rem;font-size:.875rem;display:flex;box-shadow:0 10px 30px #00000040}.demo-aviso button{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}@media (prefers-reduced-motion:reduce){.demo-aviso{animation:.15s ease-out demo-fundido}}.demo-catalogo__fijo{top:var(--d-alto-marco);z-index:15;background:var(--d-fondo);box-shadow:0 1px 0 color-mix(in srgb, var(--d-texto) 10%, transparent);padding-block:.75rem;position:sticky}.demo-catalogo__buscar{gap:.5rem;display:flex}.demo-catalogo__buscar .demo-buscador{flex:1}.demo-catalogo__buscar .demo-buscador input{padding-right:1.25rem}.demo-catalogo__cabeza{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-top:1.25rem;display:flex}.demo-modo{background:var(--d-fondo-suave);border-radius:999px;padding:3px;display:flex}.demo-modo button{min-height:2.5rem;color:var(--d-texto-suave);cursor:pointer;transition:transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 .875rem;font-size:.875rem;font-weight:700}.demo-modo button[aria-pressed=true]{background:var(--d-texto);color:var(--d-fondo)}.demo-filtros{gap:.5rem;margin-top:1rem;display:grid}.demo-filtros__grupo{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:.5rem;padding-inline:1.25rem;display:flex;overflow-x:auto}.demo-filtros__grupo::-webkit-scrollbar{display:none}.demo-filtros__nombre{width:4.75rem;color:var(--d-texto-suave);flex:none;font-size:.8125rem;font-weight:700}.demo-chips{gap:.375rem;padding:2px 0;list-style:none;display:flex}.demo-chips li{flex:none}.demo-chip{background:var(--d-fondo);min-height:2.5rem;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--d-texto) 25%, transparent);white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;padding:0 .875rem;font-size:.875rem;font-weight:600}.demo-chip[aria-pressed=true]{background:var(--d-marca);color:var(--d-sobre-marca);box-shadow:none}.demo-chip:active,.demo-modo button:active{transform:scale(.97)}.demo-catalogo__resumen{min-height:2.75rem;color:var(--d-texto-suave);justify-content:space-between;align-items:center;margin-block:.75rem;font-size:.875rem;display:flex}.demo-enlace{min-height:2.75rem;color:var(--d-marca-texto);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-weight:700;text-decoration:underline}.demo-vacio{background:var(--d-fondo-suave);border-radius:var(--d-radio);text-align:center;justify-items:center;gap:1rem;padding:2.5rem 1.25rem;display:grid}.demo-filtros__mas{min-height:2.75rem;color:var(--d-marca-texto);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.375rem;margin-left:1.25rem;padding:0 .25rem;font-weight:700;display:inline-flex}.demo-filtros__mas svg{transition:transform var(--d-duracion) var(--ease-out)}.demo-filtros__mas[aria-expanded=true] svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.demo-filtros__mas svg{transition:none}}.demo-filtros__extra{gap:.5rem;display:none}.demo-filtros__extra[data-abierto]{animation:demo-entra var(--d-duracion) var(--ease-out);display:grid}@media (prefers-reduced-motion:reduce){.demo-filtros__extra[data-abierto]{animation:.15s ease-out demo-fundido}}@media (width>=48rem){.demo-filtros__mas{display:none}.demo-filtros__extra{display:grid}.demo-filtros{width:min(100% - 2.5rem,70rem);margin-inline:auto}.demo-filtros__grupo{flex-wrap:wrap;padding-inline:0;overflow:visible}.demo-chips{flex-wrap:wrap}}.demo-detalle__barra{padding-top:.75rem}.demo-detalle__cuerpo{gap:1.25rem;margin-top:.75rem;display:grid}.demo-detalle__imagen{aspect-ratio:4/3;background:var(--d-fondo-suave);border-radius:var(--d-radio-grande);place-items:center;display:grid;position:relative}.demo-detalle__imagen svg{width:45%}.demo-detalle__datos{align-content:start;gap:1rem;display:grid}.demo-detalle__marca{color:var(--d-texto-suave);font-weight:700}.demo-detalle__nombre{overflow-wrap:anywhere;margin-top:-.75rem}.demo-presentaciones{border:0;gap:.5rem;padding:0;display:grid}.demo-presentaciones legend{margin-bottom:.5rem;font-weight:700}.demo-presentacion{border-radius:var(--d-radio);min-height:3.5rem;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--d-texto) 20%, transparent);cursor:pointer;transition:transform .16s var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:.125rem .75rem;padding:.75rem 1rem;display:grid}.demo-presentacion:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--d-marca);background:color-mix(in srgb, var(--d-marca) 7%, var(--d-fondo))}.demo-presentacion:active{transform:scale(.98)}.demo-presentacion input{width:1.25rem;height:1.25rem;accent-color:var(--d-marca-texto);margin:0}.demo-presentacion__nombre{font-weight:700}.demo-presentacion__precio{font-variant-numeric:tabular-nums}.demo-presentacion__mayor{color:var(--d-marca-texto);grid-column:2/-1;font-size:.8125rem;font-weight:700}.demo-cantidad{gap:.375rem;display:grid}.demo-cantidad label{font-weight:700}.demo-cantidad__control{background:var(--d-fondo-suave);border-radius:999px;justify-self:start;align-items:center;display:inline-flex}.demo-cantidad__control button{cursor:pointer;width:2.75rem;height:2.75rem;transition:transform .16s var(--ease-out);background:0 0;border:0;border-radius:999px;font-size:1.375rem;font-weight:700}.demo-cantidad__control button:active:not(:disabled){transform:scale(.97)}.demo-cantidad__control button:disabled{color:color-mix(in srgb, var(--d-texto) 30%, transparent);cursor:not-allowed}.demo-cantidad__control input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;width:3.5rem;min-height:2.75rem;font-size:1rem;font-weight:700}.demo-cantidad__control input::-webkit-inner-spin-button,.demo-cantidad__control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.demo-cantidad__nota{color:var(--d-texto-suave);font-size:.875rem}.demo-detalle__total{border-top:1px solid color-mix(in srgb, var(--d-texto) 12%, transparent);justify-content:space-between;align-items:baseline;padding-top:.75rem;display:flex}.demo-detalle__total strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.demo-detalle__agregar{width:100%;min-height:3.25rem}.demo-detalle__error:empty{display:none}.demo-detalle__error{scroll-margin-block:calc(var(--d-alto-marco) + 1rem) calc(var(--d-alto-barra) + 5rem)}.demo-detalle__error,.demo-detalle__agotado{background:color-mix(in srgb, var(--d-amarillo) 30%, var(--d-fondo));border-radius:var(--d-radio);padding:.75rem 1rem;font-weight:700}@media (width>=48rem){.demo-detalle__cuerpo{grid-template-columns:1fr 1fr;gap:2.5rem}.demo-detalle__imagen{aspect-ratio:1}}.demo-pedido__cabeza{align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.demo-pedido__vacio{margin-top:1.5rem}.demo-pedido__cuerpo{gap:1.5rem;margin-top:1rem;display:grid}.demo-lineas{align-content:start;padding:0;list-style:none;display:grid}.demo-linea{border-bottom:1px solid color-mix(in srgb, var(--d-texto) 10%, transparent);grid-template-columns:4rem 1fr;gap:.875rem;padding-block:1rem;display:grid}.demo-linea__imagen{aspect-ratio:1;background:var(--d-fondo-suave);border-radius:.875rem;place-items:center;display:grid}.demo-linea__imagen svg{width:70%}.demo-linea__datos{align-content:start;gap:.25rem;min-width:0;display:grid}.demo-linea__nombre{overflow-wrap:anywhere;font-weight:700}.demo-linea__presentacion{color:var(--d-texto-suave);font-size:.875rem}.demo-linea__fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.demo-linea__subtotal{font-variant-numeric:tabular-nums;font-size:1.0625rem}.demo-linea__mensaje:empty{display:none}.demo-linea__mensaje,.demo-campo__error{color:var(--d-marca-texto);font-size:.875rem;font-weight:700}.demo-linea__quitar{justify-self:start;min-height:2.75rem;font-size:.875rem}.demo-pedido__cierre{align-content:start;gap:1.25rem;display:grid}.demo-recojo{background:var(--d-fondo-suave);border-radius:var(--d-radio);padding:1rem;font-size:.9375rem}.demo-recojo__titulo{font-weight:700}.demo-recojo__referencia{color:var(--d-texto-suave);font-weight:400}.demo-campo{gap:.375rem;display:grid}.demo-campo label{font-weight:700}.demo-campo input{background:var(--d-fondo);min-height:3rem;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--d-texto) 30%, transparent);border:0;border-radius:.875rem;padding:0 1rem;font-size:1rem}.demo-campo input:focus{box-shadow:inset 0 0 0 2.5px var(--d-marca);outline:none}.demo-campo input[aria-invalid]{box-shadow:inset 0 0 0 2.5px var(--d-marca-texto)}.demo-pedido__nota{color:var(--d-texto-suave);text-align:center;margin-top:-.5rem;font-size:.875rem}.demo-dialogo{background:var(--d-fondo);width:min(100% - 2rem,30rem);max-height:calc(100dvh - 2rem);color:var(--d-texto);border-radius:var(--d-radio-grande);font-family:var(--d-fuente-texto);border:0;padding:1.5rem;box-shadow:0 30px 60px #0000004d}.demo-dialogo[open]{animation:demo-dialogo-entra var(--d-duracion) var(--ease-out)}.demo-dialogo::backdrop{background:#1212128c}@keyframes demo-dialogo-entra{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.demo-dialogo[open]{animation:.15s ease-out demo-fundido}}.demo-dialogo .demo-subtitulo{font-size:1.25rem}.demo-dialogo__mensaje{background:var(--d-fondo-suave);border-radius:var(--d-radio);white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;font-family:inherit;font-size:.875rem;line-height:1.5}.demo-dialogo__aviso{margin-top:1rem;font-weight:700}.demo-dialogo__acciones{gap:.5rem;margin-top:1.25rem;display:grid}@media (width>=48rem){.demo-pedido__cuerpo{grid-template-columns:1.4fr 1fr;gap:2.5rem}}.demo-panel{padding-top:1.5rem}.demo-panel__fecha{color:var(--d-texto-suave);font-size:.875rem;font-weight:700}.demo-panel__fecha:first-letter{text-transform:uppercase}.demo-panel__nombre{overflow-wrap:anywhere}.demo-panel__nombre[data-largo=largo]{font-size:clamp(1.375rem,1.15rem + 1.1vw,2.125rem)}.demo-panel__nombre[data-largo=muy-largo]{font-size:clamp(1.125rem,1rem + .7vw,1.625rem);line-height:1.2}.demo-panel__valor{color:var(--d-texto-suave);margin-top:.375rem}.demo-panel__grilla{gap:.75rem;margin-top:1.25rem;display:grid}.demo-panel__tarjeta{background:var(--d-fondo);border-radius:var(--d-radio);box-shadow:var(--d-borde);align-content:start;gap:.5rem;padding:1.25rem;display:grid}.demo-panel__titulo{font-size:1rem}.demo-panel__cifra{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1.1}.demo-panel__nota{color:var(--d-texto-suave);font-size:.875rem}.demo-barras,.demo-panel__lista{gap:.75rem;padding:0;list-style:none;display:grid}.demo-barras li{grid-template-columns:1fr auto;gap:.25rem .75rem;font-size:.875rem;display:grid}.demo-barras__nombre{overflow-wrap:anywhere;min-width:0}.demo-barras__valor{font-variant-numeric:tabular-nums}.demo-barras__detalle{color:var(--d-texto-suave);font-variant-numeric:tabular-nums;font-size:.8125rem;display:block}.demo-barras__pista{background:var(--d-fondo-suave);border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.demo-barras__barra{--proporcion:0;background:var(--d-marca);height:100%;transform:scaleX(var(--proporcion));transform-origin:0;animation:demo-barra .25s var(--ease-out);border-radius:999px;display:block}@keyframes demo-barra{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.demo-barras__barra{animation:.15s ease-out demo-fundido}}.demo-panel__lista li{border-bottom:1px solid color-mix(in srgb, var(--d-texto) 8%, transparent);flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;padding-bottom:.625rem;font-size:.875rem;display:flex}.demo-panel__lista li:last-child{border-bottom:0;padding-bottom:0}.demo-panel__alerta{color:var(--d-texto-suave);font-weight:700}.demo-panel__alerta[data-urgente]{color:var(--d-marca-texto)}.demo-panel__cierre{background:var(--d-fondo-suave);border-radius:var(--d-radio);text-align:center;justify-items:center;gap:.75rem;margin-top:2rem;padding:1.5rem;font-weight:700;display:grid}@media (width>=48rem){.demo-panel__grilla{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panel__tarjeta--ancha{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){.demo-ocasion,.demo-categoria,.tarjeta-producto{transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out)}.demo-ocasion:hover,.demo-categoria:hover,.tarjeta-producto:hover{transform:translateY(-2px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.demo-ocasion:hover,.demo-categoria:hover,.tarjeta-producto:hover{transform:none}}@media (width>=48rem){.demo-hero{grid-template-columns:1fr auto;padding:2.5rem}.demo-hero__ilustracion{order:0;width:12rem}.demo-ocasiones{grid-template-columns:repeat(4,1fr)}.demo-categorias{flex-wrap:wrap;width:min(100% - 2.5rem,70rem);margin-inline:auto;padding-inline:0}.demo-grilla{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-puestos{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.demo-por-que{grid-template-columns:repeat(3,1fr)}.demo-abajo{justify-content:flex-end}.demo-barra-pedido{flex:0 20rem}}@media (width>=64rem){.demo-grilla--ancha{grid-template-columns:repeat(4,minmax(0,1fr))}.tarjeta-producto__imagen{aspect-ratio:4/3}.tarjeta-producto__imagen svg{width:46%}}.pagina-demo[data-astro-cid-4wf3ftm7]{background:var(--color-negro)}@font-face{font-family:Shrikhand;src:url(/fonts/shrikhand-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chivo;src:url(/fonts/chivo-latin-wght.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}