:root{--rojo:#cd141c;--rojo-oscuro:#a90f16;--rojo-suave:#fdecec;--negro:#0b0b0d;--fondo:#f6f5f3;--blanco:#fff;--borde:#e6e4e1;--texto:#18181b;--suave:#6b6b73;--verde:#1fa855;--verde-oscuro:#178a45;--radio:16px;--sombra:0 1px 2px #0000000a, 0 4px 16px #0000000d;--encabezado:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--encabezado) + 12px);-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}.contenedor{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.icono{flex:none;width:18px;height:18px}.icono-chico{flex:none;width:13px;height:13px}.icono-grande{color:#c4c2bf;width:40px;height:40px}.boton{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.boton:active{transform:scale(.98)}.boton-rojo{background:var(--rojo);color:var(--blanco)}.boton-rojo:hover{background:var(--rojo-oscuro)}.boton-contorno{background:var(--blanco);border:1px solid var(--borde)}.boton-contorno:hover{border-color:#c9c6c2}.boton-gris{color:var(--suave);cursor:default;background:#ecebe9}.boton-verde{background:var(--verde);color:var(--blanco)}.boton-verde:hover{background:var(--verde-oscuro)}.boton-grande{width:100%;height:50px;font-size:16px}.enlace{color:var(--rojo);font-size:14px;font-weight:600}.enlace:hover{text-decoration:underline}.burbuja{background:var(--blanco);min-width:22px;height:22px;color:var(--rojo);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.encabezado{z-index:20;background:var(--blanco);border-bottom:1px solid var(--borde);position:sticky;top:0}.encabezado-fila{height:var(--encabezado);align-items:center;gap:16px;display:flex}.marca img{width:auto;height:40px}.marca-sub{border-left:1px solid var(--borde);color:var(--rojo);padding-left:16px;font-size:14px;font-weight:700;display:none}.encabezado-acciones{align-items:center;gap:10px;margin-left:auto;display:flex}.telefono{align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.telefono-icono{background:var(--rojo-suave);width:40px;height:40px;color:var(--rojo);border-radius:999px;place-items:center;display:grid}.solo-ancho,.telefono-numero{display:none}.telefono-texto{display:flex}@media (width<=359px){.telefono-texto{display:none}}.boton-cotizacion{height:42px;padding:0 12px}.portada{color:var(--blanco);background:radial-gradient(60% 80% at 0% 0%, #cd141c73, transparent 60%), radial-gradient(50% 60% at 100% 100%, #cd141c2e, transparent 70%), var(--negro);position:relative;overflow:hidden}.portada-rejilla{gap:32px;padding-top:28px;padding-bottom:32px;display:grid}.etiqueta{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.punto{background:#ff3b42;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #ff3b422e}.portada h1{letter-spacing:-.035em;max-width:13ch;margin:0;font-size:clamp(34px,8.6vw,64px);font-weight:800;line-height:1.02}.portada h1 em{color:#ff3b42;font-style:normal}.portada-texto{color:#ffffffb8;max-width:34rem;margin:18px 0 0;font-size:16px}.portada-acciones{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:26px;display:flex}.portada-acciones .boton-grande{width:auto;padding:0 26px}.cifras{gap:24px;display:flex}.cifras div{flex-direction:column;display:flex}.cifras strong{font-size:24px;font-weight:800;line-height:1.1}.cifras span{color:#fff9;font-size:13px}.portada-secciones{flex-wrap:wrap;gap:8px;margin-top:26px;display:none}.portada-secciones button{color:#ffffffe0;border:1px solid #ffffff29;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s}.portada-secciones button:hover{background:#ffffff14;border-color:#ffffff4d}.destacados{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;align-self:center;padding:18px;display:none}.destacados-titulo{color:#ff5a60;letter-spacing:.02em;margin:0 0 14px;font-size:13px;font-weight:700}.destacados-rejilla{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.destacado{text-align:left;background:var(--blanco);color:var(--texto);border-radius:16px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.destacado:hover{transform:translateY(-2px)}.destacado.grande{grid-row:span 2}.destacado-foto{background:#f4f3f1;flex:1;place-items:center;min-height:0;padding:12px;display:grid}.destacado-foto img{object-fit:contain;max-height:120px}.destacado.grande .destacado-foto img{max-height:230px}.destacado-texto{padding:10px 12px 12px;font-size:14px;font-weight:700;line-height:1.25}.destacado-texto small{color:var(--rojo);margin-bottom:2px;font-size:11px;display:block}.catalogo{padding:20px 0 64px}.filtros{gap:10px;margin:0 -16px;padding:12px 16px;display:grid}.buscador{align-items:center;display:flex;position:relative}.buscador>.icono{color:var(--suave);pointer-events:none;position:absolute;left:14px}.buscador input{border:1px solid var(--borde);background:var(--blanco);border-radius:14px;outline:none;width:100%;height:48px;padding:0 44px;font-size:16px;transition:border-color .15s,box-shadow .15s}.buscador input::-webkit-search-cancel-button{display:none}.buscador input:focus{border-color:var(--rojo);box-shadow:0 0 0 3px #cd141c24}.limpiar-busqueda{width:32px;height:32px;color:var(--suave);border-radius:999px;place-items:center;display:grid;position:absolute;right:8px}.limpiar-busqueda .icono{width:16px;height:16px}.filtros-fila{gap:10px;display:grid}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip-filtro{border:1px solid var(--borde);background:var(--blanco);border-radius:999px;flex:none;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip-filtro.activo{background:var(--texto);border-color:var(--texto);color:var(--blanco)}.select-marca{border:1px solid var(--borde);background:var(--blanco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b73' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;border-radius:12px;outline:none;height:40px;padding:0 36px 0 14px;font-size:15px;font-weight:600}.select-marca:focus{border-color:var(--rojo)}.resultados-barra{color:var(--suave);justify-content:space-between;align-items:center;margin:6px 0 12px;font-size:14px;font-weight:500;display:flex}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.tarjeta:hover{box-shadow:var(--sombra);border-color:#dcd9d5}.tarjeta-foto{aspect-ratio:1/.86;background:#f4f3f1;place-items:center;display:grid;position:relative;overflow:hidden}.tarjeta-foto img{object-fit:contain;width:calc(100% - 24px);height:calc(100% - 24px);transition:transform .3s;position:absolute;inset:12px}.tarjeta:hover .tarjeta-foto img{transform:scale(1.04)}.sin-foto{place-items:center;display:grid}.tarjeta-cuerpo{flex-direction:column;flex:1;gap:8px;padding:12px 12px 4px;display:flex}.tarjeta-etiquetas{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.seccion{color:#57534e;background:#f1f0ee;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.seccion-congelados{color:#075985;background:#e6f3fc}.seccion-refrigerados{color:#0f6b5c;background:#e3f6f3}.seccion-salsas-y-aderezos{color:#8a4b08;background:#fdf1d8}.seccion-aceites{color:#4a6417;background:#eef6dc}.marca-texto{color:var(--suave);font-size:12px;font-weight:600}.tarjeta h3{margin:0;font-size:14px;font-weight:700;line-height:1.3}.tarjeta h3 button{text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tarjeta h3 button:hover{color:var(--rojo)}.presentacion-unica{color:var(--suave);margin:0;font-size:12px}.presentaciones{flex-wrap:wrap;gap:6px;display:flex}.presentaciones button{border:1px solid var(--borde);color:var(--suave);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}.presentaciones button.activa{border-color:var(--rojo);color:var(--rojo);background:var(--rojo-suave)}.precio{color:var(--rojo);letter-spacing:-.01em;margin:auto 0 0;padding-top:2px;font-size:18px;font-weight:800}.tarjeta-pie{padding:8px 12px 12px}.tarjeta-pie .boton,.tarjeta-pie .contador{width:100%;height:40px}.contador{border:1px solid var(--rojo);background:var(--rojo-suave);height:40px;color:var(--rojo);border-radius:12px;justify-content:space-between;align-items:center;font-weight:800;display:flex}.contador button{width:40px;height:100%;color:var(--rojo);place-items:center;display:grid}.contador .icono{width:16px;height:16px}.contador input{text-align:center;width:44px;color:var(--rojo);-moz-appearance:textfield;background:0 0;border:0;outline:none;font-weight:800}.contador input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contador input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mas{justify-content:center;margin-top:28px;display:flex}.vacio{text-align:center;border-radius:var(--radio);border:1px dashed #d6d3cf;flex-direction:column;align-items:center;gap:8px;padding:56px 16px;display:flex}.vacio-titulo{margin:4px 0 0;font-size:16px;font-weight:700}.capa{z-index:50;-webkit-backdrop-filter:blur(3px);background:#0a0a0c80;justify-content:center;align-items:flex-end;animation:.2s ease-out aparecer;display:flex;position:fixed;inset:0}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(24px)}}@keyframes deslizar{0%{opacity:0;transform:translate(32px)}}.cerrar{z-index:2;background:#ffffffe6;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 1px 4px #0000001f}.detalle{background:var(--blanco);width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;animation:.25s ease-out subir;position:relative;overflow-y:auto}.detalle-foto{aspect-ratio:1/.8;background:#f4f3f1;place-items:center;display:grid;position:relative}.detalle-foto img{object-fit:contain;width:calc(100% - 48px);height:calc(100% - 48px);position:absolute;inset:24px}.detalle-info{flex-direction:column;gap:12px;padding:20px;display:flex}.detalle h2{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.2}.sku{color:var(--suave);font-variant-numeric:tabular-nums;font-size:12px}.descripcion{color:#3f3f46;margin:0;font-size:15px}.precio-grande{margin:0;font-size:26px}.detalle-acciones{grid-template-columns:1fr auto;gap:10px;display:grid}.detalle-acciones .boton,.detalle-acciones .contador{height:48px}.ficha{color:var(--texto);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.capa-lateral{justify-content:flex-end;align-items:stretch}.panel{background:var(--blanco);flex-direction:column;width:100%;max-width:440px;animation:.25s ease-out deslizar;display:flex;position:relative}.panel-encabezado{border-bottom:1px solid var(--borde);align-items:center;gap:16px;padding:18px 64px 16px 20px;display:flex}.panel-encabezado h2{letter-spacing:-.02em;flex:1;margin:0;font-size:20px}.cerrar-panel{box-shadow:none;background:#f4f3f1;top:12px}.panel-vacio{flex:1;justify-content:center;margin:24px 20px}.lineas{flex:1;margin:0;padding:4px 20px;list-style:none;overflow-y:auto}.lineas li{border-bottom:1px solid var(--borde);grid-template-columns:56px 1fr;gap:4px 12px;padding:14px 0;display:grid}.linea-foto{color:#c4c2bf;background:#f4f3f1;border-radius:12px;grid-row:span 2;place-items:center;width:56px;height:56px;padding:4px;display:grid}.linea-foto img{object-fit:contain;width:100%;height:100%}.linea-info p{margin:0}.linea-nombre{font-size:14px;font-weight:700;line-height:1.3}.linea-pres,.linea-precio{color:var(--suave);font-size:13px}.linea-derecha{justify-content:space-between;align-items:center;gap:12px;display:flex}.linea-derecha .contador{width:128px;height:36px}.linea-derecha .contador button{width:36px}.linea-derecha strong{font-size:15px}.panel-pie{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--borde);background:#fbfaf9;gap:10px;display:grid}.subtotal{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.subtotal strong{letter-spacing:-.01em;font-size:22px}.nota{color:var(--suave);text-align:center;margin:0;font-size:12px}.contacto-mostrador{border:1px solid var(--borde);background:var(--blanco);border-radius:14px;align-items:center;gap:12px;margin-top:4px;padding:10px 12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.contacto-mostrador>span:last-child,.telefono-texto{flex-direction:column;line-height:1.2}.contacto-mostrador>span:last-child{display:flex}.contacto-mostrador small,.telefono-texto small{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cotizacion-flotante{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:var(--texto);height:52px;color:var(--blanco);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 10px 0 20px;font-weight:700;animation:.25s ease-out subir;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000047}.cotizacion-flotante .burbuja{background:var(--rojo);min-width:32px;height:32px;color:var(--blanco);font-size:14px}.pie{border-top:1px solid var(--borde);background:var(--blanco);padding:32px 0 calc(96px + env(safe-area-inset-bottom))}.pie-fila{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.pie img{width:auto;height:40px}.pie-datos p{color:var(--suave);margin:0 0 4px;font-size:14px}.pie-datos a{color:var(--texto);font-weight:600;text-decoration:none}.pie-datos .nota{text-align:left;margin-top:8px}@media (width>=640px){.contenedor{padding:0 24px}.marca-sub,.solo-ancho{display:inline}.boton-cotizacion{padding:0 14px 0 16px}.rejilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tarjeta-cuerpo{padding:14px 16px 4px}.tarjeta-pie{padding:10px 16px 16px}.tarjeta h3{font-size:15px}.filtros{top:calc(var(--encabezado) - 1px);z-index:10;-webkit-backdrop-filter:blur(10px);background:#f6f5f3f0;margin:0 -24px;padding:14px 24px;position:sticky}.portada-secciones{display:flex}.filtros-fila{grid-template-columns:1fr 240px;align-items:center}.chips{margin:0;padding:0}.capa{align-items:center;padding:24px}.detalle{border-radius:24px;grid-template-columns:1fr 1fr;max-width:880px;max-height:min(680px,90dvh);display:grid}.detalle-foto{aspect-ratio:auto;min-height:420px}.detalle-info{justify-content:center;padding:56px 32px 32px}.capa-lateral{padding:0}.pie-fila{flex-direction:row;align-items:center;gap:32px}.pie{padding-bottom:40px}}@media (width>=960px){.marca img{height:44px}.telefono-numero{display:inline}.portada-rejilla{grid-template-columns:1.15fr 1fr;gap:56px;padding-top:72px;padding-bottom:80px}.portada-texto{font-size:18px}.destacados{display:block}.rejilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalogo{padding-top:28px}.cotizacion-flotante{bottom:28px;left:auto;right:28px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}