:root{--blanco:#fff;--fondo:#f2f2f7;--fondo-2:#e9e9ee;--vitrina:#f5f5f7;--borde:#d2d2d7;--tinta:#1c1c1e;--tinta-2:#6c6c70;--tinta-3:#a1a1a6;--separador:#3c3c4329;--separador-fuerte:#3c3c4347;--acento:#9c3d23;--acento-oscuro:#7e3019;--acento-claro:#f6ebe7;--verde:#248a3d;--verde-claro:#e8f5ec;--ambar:#b25000;--ambar-claro:#fdf1e3;--rojo:#d70015;--whatsapp:#1fa855;--radio:14px;--radio-chico:10px;--sombra:0 1px 2px #0000000a, 0 8px 24px #0000000f;--sombra-alta:0 24px 64px #0000002e;--fuente:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--fuente);letter-spacing:-.011em;color:var(--tinta);background:var(--blanco);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv11", "ss01";font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--blanco);min-height:100vh;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}a{color:var(--acento);text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--acento) 45%, transparent);outline-offset:2px}.solo-lectores{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.boton{border-radius:var(--radio);background:var(--acento);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 22px;font-size:17px;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.boton:hover{background:var(--acento-oscuro)}.boton:active{transform:scale(.985)}.boton:disabled{opacity:.45;cursor:default;transform:none}.boton.ancho{width:100%}.boton.gris{background:var(--fondo);color:var(--tinta)}.boton.gris:hover{background:var(--fondo-2)}.boton.whatsapp{background:var(--whatsapp)}.boton.whatsapp:hover{background:#178f47}.boton.chico{border-radius:var(--radio-chico);min-height:36px;padding:0 14px;font-size:15px}.enlace{color:var(--acento);background:0 0;border:0;padding:0;font-weight:500}.enlace.peligro{color:var(--rojo)}.enlace:disabled{color:var(--tinta-3);cursor:default}.segmentado{background:#7676801f;border-radius:9px;padding:2px;display:flex}.segmentado button{white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;min-height:32px;padding:4px 10px;font-size:14px;font-weight:500;transition:background .18s,box-shadow .18s}.segmentado button[aria-pressed=true]{background:var(--blanco);font-weight:600;box-shadow:0 3px 8px #0000001a,0 1px 1px #0000000a}.segmentado small{color:var(--tinta-2);font-size:12px;font-weight:400;display:block}.stepper{background:#7676801f;border-radius:9px;align-items:center;display:inline-flex}.stepper button{background:0 0;border:0;width:36px;height:32px;font-size:20px;line-height:1}.stepper button:disabled{color:var(--tinta-3);cursor:default}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:600}.interruptor{background:#78788033;border:0;border-radius:999px;flex:none;width:51px;height:31px;transition:background .2s;position:relative}.interruptor:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.interruptor[aria-checked=true]{background:#34c759}.interruptor[aria-checked=true]:after{transform:translate(20px)}.grupo{border-radius:var(--radio);background:var(--blanco);overflow:hidden}.grupo-titulo{color:var(--tinta-2);text-transform:uppercase;letter-spacing:.02em;margin:0 0 7px 16px;font-size:13px;font-weight:400}.grupo-pie{color:var(--tinta-2);margin:7px 16px 0;font-size:13px}.fila{align-items:center;gap:12px;min-height:46px;padding:10px 16px;display:flex;position:relative}.fila+.fila:before{content:"";border-top:.5px solid var(--separador-fuerte);position:absolute;top:0;left:16px;right:0}.fila>.etiqueta{flex:none;min-width:110px}.fila .valor{color:var(--tinta-2);text-align:right;margin-left:auto}button.fila{text-align:left;background:0 0;border:0;width:100%}button.fila:hover{background:#00000006}.fila .check{color:var(--acento);margin-left:auto;font-weight:600}.fila input,.fila select,.fila textarea{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:16px}.fila textarea{resize:vertical;min-height:60px}.fila input::placeholder,.fila textarea::placeholder{color:var(--tinta-3)}.fila.con-error{background:#fff5f5}.error-campo{color:var(--rojo);margin:6px 16px 0;font-size:13px}.aviso{border-radius:var(--radio-chico);background:var(--ambar-claro);color:#6b3300;padding:12px 16px;font-size:15px}.aviso.error{color:#8e0010;background:#fdecee}.velo{z-index:50;background:#00000052;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out aparecer;display:flex;position:fixed;inset:0}.hoja{background:var(--blanco);width:100%;max-width:540px;max-height:calc(100vh - 48px);box-shadow:var(--sombra-alta);border-radius:20px;animation:.32s cubic-bezier(.2,.9,.3,1) subir;position:relative;overflow:auto}.hoja.lateral{border-radius:20px;flex-direction:column;align-self:stretch;max-width:420px;max-height:none;margin-left:auto;animation:.32s cubic-bezier(.2,.9,.3,1) entrar-derecha;display:flex}.hoja-cabecera{z-index:2;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffdb;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px 20px;display:flex;position:sticky;top:0}.hoja-cabecera h2{font-size:17px;font-weight:600}.cerrar{width:30px;height:30px;color:var(--tinta-2);background:#7676801f;border:0;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}@media (width<=640px){.velo{align-items:flex-end;padding:0}.hoja,.hoja.lateral{border-radius:16px 16px 0 0;align-self:auto;max-width:none;max-height:92vh;margin:0;animation:.34s cubic-bezier(.2,.9,.3,1) subir-abajo}}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes subir-abajo{0%{transform:translateY(100%)}}@keyframes entrar-derecha{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.opciones{gap:10px;display:grid}.opciones.dos{grid-template-columns:repeat(2,minmax(0,1fr))}.opcion{border:1px solid var(--borde);background:var(--blanco);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:64px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.opcion:hover{border-color:#86868b}.opcion[aria-checked=true]{border-color:var(--acento);box-shadow:inset 0 0 0 1px var(--acento)}.opcion:disabled{cursor:default;opacity:.45;border-color:var(--borde)}.opcion-fila{justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.opcion strong{font-size:16px;font-weight:600}.opcion small{color:var(--tinta-2);font-size:13px}.opcion .marca-opcion{background:var(--acento);color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;position:absolute;top:-9px;right:12px}::view-transition-old(root){animation-duration:.26s}::view-transition-new(root){animation-duration:.26s}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.85,.25,1)}.esqueleto{background:linear-gradient(90deg,#eeeef0 0%,#f7f7f8 50%,#eeeef0 100%) 0 0/200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite brillo}@keyframes brillo{to{background-position:-200% 0}}.foto{aspect-ratio:1;background:#eaeaea;position:relative;overflow:hidden;container-type:inline-size}.foto img{object-fit:cover;width:100%;height:100%;display:block}.etiqueta-bolsa{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;width:30%;height:34%;padding:2cqw;display:flex;position:absolute;top:37%;left:35%}.etiqueta-bolsa>span{position:relative}.etiqueta-bolsa:before{content:"";background:linear-gradient(90deg, #0000001a, transparent 30%, transparent 75%, #0000001f), var(--color);mix-blend-mode:multiply;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.e-marca{letter-spacing:.3em;opacity:.9;font-size:1.5cqw;font-weight:600}.e-nombre{letter-spacing:-.01em;font-size:2.9cqw;font-weight:650;line-height:1.1}.e-origen,.e-peso{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:1.3cqw}.tienda{flex-direction:column;min-height:100vh;display:flex}.tienda main{flex:1}.tienda.gris{background:var(--vitrina)}.contenedor,.barra-interior,.portada,.cafes-seccion,.entregas,.pie-interior,.pie-nota,.cafe{width:100%;max-width:1080px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}.barra{z-index:30;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separador);background:#ffffffc7;position:sticky;top:0}.tienda.gris .barra{background:#f5f5f7cc}.barra-interior{justify-content:space-between;align-items:center;height:48px;display:flex}.marca{color:var(--tinta);letter-spacing:-.035em;font-size:19px;font-weight:700}.barra-acciones{align-items:center;gap:22px;display:flex}.barra-enlace{color:var(--tinta);opacity:.8;font-size:13px;transition:opacity .15s}.barra-enlace:hover{opacity:1}.boton-bolsa{width:34px;height:34px;color:var(--tinta);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-6px;display:grid;position:relative}.boton-bolsa.late svg{animation:.45s cubic-bezier(.3,1.6,.5,1) late}@keyframes late{40%{transform:scale(1.22)}}.insignia{background:var(--tinta);color:#fff;border-radius:9px;min-width:17px;height:17px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;top:1px;right:-1px}.agregado{pointer-events:none;position:absolute;top:100%;left:0;right:0}.agregado-interior{background:var(--blanco);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);pointer-events:auto;border-radius:18px;width:min(380px,100% - 24px);margin:8px max(12px,50% - 528px) 0 auto;padding:18px 18px 16px;animation:.38s cubic-bezier(.2,.9,.3,1) caer;box-shadow:0 20px 50px #00000024,0 0 0 .5px #00000014}@keyframes caer{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.agregado-titulo{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.agregado-check{background:var(--verde);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.agregado-linea{align-items:center;gap:12px;margin:14px 0 16px;font-size:14px;display:flex}.agregado-linea .miniatura{width:40px;height:50px}.agregado-linea div{flex-direction:column;flex:1;min-width:0;display:flex}.agregado-linea div span{color:var(--tinta-2);font-size:13px}.agregado-acciones{grid-template-columns:1fr 1fr;gap:8px;display:grid}.portada{padding-top:64px;padding-bottom:12px}.portada h1{letter-spacing:-.028em;max-width:17em;font-size:clamp(32px,4.6vw,48px);font-weight:700;line-height:1.08}.portada h1 span{color:var(--tinta-2)}.cafes-seccion{padding-top:48px;padding-bottom:96px}.cafes-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.cafes-cabecera h2{letter-spacing:-.025em;font-size:28px;font-weight:700}.filtros{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filtros button{border:1px solid var(--borde);background:var(--blanco);border-radius:999px;flex:none;height:34px;padding:0 15px;font-size:14px;transition:background .15s,color .15s,border-color .15s}.filtros button:hover{border-color:#86868b}.filtros button[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta);color:#fff}.cafes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cafes .destacada{grid-column:span 2}.destacada .tarjeta{flex-direction:row;align-items:stretch}.destacada .tarjeta-foto{aspect-ratio:auto;flex:1.1;padding:28px 0 12px}.destacada .tarjeta-texto{flex-direction:column;flex:1;justify-content:center;padding:28px 32px 28px 8px;display:flex}.destacada .tarjeta h3{letter-spacing:-.03em;font-size:28px}.tarjeta-descripcion{color:var(--tinta-2);margin-top:12px;font-size:15px}.tarjeta{height:100%;color:var(--tinta);background:var(--vitrina);border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.2,.9,.3,1),box-shadow .3s;display:flex;overflow:hidden}.tarjeta:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000014}.tarjeta-foto{aspect-ratio:5/4;place-items:center;padding-top:24px;display:grid;position:relative}.tarjeta-foto.esqueleto{border-radius:0}.tarjeta-bolsa{max-width:78%;height:100%;transition:transform .5s cubic-bezier(.2,.9,.3,1)}.tarjeta:hover .tarjeta-bolsa{transform:scale(1.035)}.sello{color:var(--tinta-2);background:#ffffffe6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.tarjeta-texto{padding:18px 22px 22px}.tarjeta-perfil{letter-spacing:.01em;font-size:12px;font-weight:600}.tarjeta h3,.otro h3{letter-spacing:-.022em;margin-top:3px;font-size:21px;font-weight:650}.tarjeta-notas{color:var(--tinta-2);margin-top:4px;font-size:15px}.tarjeta-precio{margin-top:14px;font-size:15px;font-weight:600}.tarjeta-peso{color:var(--tinta-2);font-weight:400}.linea-esqueleto{width:60%;height:16px;margin:20px 22px 0}.linea-esqueleto.corta{width:35%;margin-top:10px;margin-bottom:24px}.accesorios{padding-top:0}.entregas{padding-bottom:104px}.entregas>h2{border-top:.5px solid var(--separador-fuerte);letter-spacing:-.025em;padding-top:40px;font-size:28px;font-weight:700}.entregas ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px;display:grid}.entregas li svg{color:var(--acento)}.entregas h3{margin-top:12px;font-size:17px;font-weight:600}.entregas p{color:var(--tinta-2);margin-top:4px;font-size:15px}.pie{background:var(--vitrina);color:var(--tinta-2);font-size:13px}.pie-interior{grid-template-columns:2fr 1fr 1fr;gap:24px 40px;padding-top:36px;padding-bottom:24px;display:grid}.pie-interior p+p{margin-top:4px}.pie-marca,.pie-titulo{color:var(--tinta);margin-bottom:8px;font-weight:600}.pie-marca{font-size:15px}.pie a{color:var(--tinta-2);text-decoration:underline;-webkit-text-decoration-color:var(--separador-fuerte);text-decoration-color:var(--separador-fuerte);text-underline-offset:3px}.pie-nota{border-top:.5px solid var(--separador-fuerte);color:var(--tinta-3);padding-top:16px;padding-bottom:36px;font-size:12px}.cafe{padding-bottom:96px}.migas{color:var(--tinta-2);gap:8px;padding:18px 0 8px;font-size:13px;display:flex}.migas a{color:var(--tinta-2)}.migas a:hover{color:var(--tinta)}.cafe-compra{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.cafe-vitrina{position:sticky;top:64px}.cafe-vitrina-interior{aspect-ratio:1/1.05;background:var(--vitrina);border-radius:24px;place-items:center;display:grid}.cafe-bolsa{width:62%;transition:transform .55s cubic-bezier(.2,.9,.3,1)}.cafe-bolsa.grande{transform:scale(1.14)}.cafe-panel{padding-top:20px}.cafe-origen{color:var(--tinta-2);font-size:14px;font-weight:600}.cafe-panel h1{letter-spacing:-.03em;margin-top:6px;font-size:clamp(34px,4vw,44px);font-weight:700;line-height:1.06}.cafe-notas{letter-spacing:-.015em;margin-top:10px;font-size:21px;line-height:1.3}.cafe-descripcion{color:var(--tinta-2);margin-top:10px;font-size:16px}.elegir{margin-top:40px}.elegir h2{letter-spacing:-.015em;margin-bottom:14px;font-size:19px;font-weight:600}.elegir h2 span{color:var(--tinta-2);font-weight:600}.sin-sangria{margin-left:0}.cafe-accion{border-top:.5px solid var(--separador-fuerte);margin-top:36px;padding-top:24px}.cafe-total{letter-spacing:-.02em;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:24px;font-weight:650;display:flex}.cafe-garantias{color:var(--tinta-2);gap:6px;margin-top:18px;font-size:14px;display:grid}.cafe-garantias li{padding-left:18px;position:relative}.cafe-garantias li:before{content:"";background:var(--tinta-3);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:2px}.cafe-bloque{border-top:.5px solid var(--separador-fuerte);grid-template-columns:220px minmax(0,1fr);gap:16px 56px;margin-top:88px;padding-top:32px;display:grid}.cafe-bloque>h2{color:var(--tinta-2);grid-row:span 2;font-size:15px;font-weight:600}.cafe-grande{letter-spacing:-.028em;font-size:clamp(26px,3.2vw,36px);font-weight:650;line-height:1.12}.cafe-historia{letter-spacing:-.012em;max-width:36em;font-size:19px;line-height:1.5}.escalas,.receta,.ficha-tecnica{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.escalas>div,.receta>div,.ficha-tecnica>div{background:var(--vitrina);border-radius:16px;padding:16px 18px}.escalas dt,.receta dt,.ficha-tecnica dt{color:var(--tinta-2);font-size:13px}.receta dd,.ficha-tecnica dd{margin-top:2px;font-size:17px;font-weight:600}.escala{gap:5px;margin-top:10px;display:flex}.escala span{background:#e3e3e8;border-radius:3px;flex:1;height:6px}.escala span.lleno{background:var(--color)}.otros{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.otro{color:var(--tinta);display:block}.otro-foto{aspect-ratio:1;background:var(--vitrina);border-radius:16px;place-items:center;margin-bottom:12px;padding-top:12px;display:grid}.otro-foto svg{width:82%;transition:transform .4s cubic-bezier(.2,.9,.3,1)}.otro:hover .otro-foto svg{transform:scale(1.04)}.otro h3{font-size:17px}.barra-compra{display:none}.carrito-vacio,.caja-vacia,.falla{color:var(--tinta-2);text-align:center;justify-items:center;gap:16px;padding:96px 22px;display:grid}.carrito-vacio-titulo{color:var(--tinta);font-size:21px;font-weight:600}.carrito-lineas{flex:1;padding:0 20px;overflow:auto}.carrito-lineas li{border-bottom:.5px solid var(--separador-fuerte);gap:16px;padding:18px 0;display:flex}.carrito-lineas li.agotada .carrito-foto{opacity:.4}.carrito-foto{background:var(--vitrina);border:0;border-radius:12px;flex:none;place-items:center;width:76px;height:84px;padding:6px 0 0;display:grid}.carrito-foto svg{height:100%}.miniatura{flex:none}.carrito-texto{flex-direction:column;flex:1;min-width:0;font-size:15px;display:flex}.carrito-fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.carrito-detalle{color:var(--tinta-2);font-size:14px}.carrito-controles{margin-top:10px;font-size:14px}.texto-rojo{font-size:14px;color:var(--rojo)!important}.carrito-pie{padding:18px 20px calc(20px + env(safe-area-inset-bottom));border-top:.5px solid var(--separador);gap:10px;display:grid}.carrito-total{justify-content:space-between;font-size:17px;display:flex}.carrito-nota{color:var(--tinta-2);margin-top:-6px;font-size:13px}.caja{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:56px;max-width:1080px;margin:0 auto;padding:48px 22px 104px;display:grid}.caja h1{letter-spacing:-.03em;font-size:clamp(32px,4vw,44px);font-weight:700}.caja-seccion{margin-top:44px}.caja-seccion h2{letter-spacing:-.02em;margin-bottom:16px;font-size:22px;font-weight:650}.grupo.campos{border:1px solid var(--borde);border-radius:12px;margin-top:12px}.caja-seccion .grupo-pie,.caja-seccion .error-campo{margin-left:4px}.pago-aviso{background:var(--blanco);color:var(--tinta-2);border-radius:12px;align-items:flex-start;gap:16px;padding:16px 18px;font-size:15px;display:flex}.pago-logos{flex:none;gap:6px;display:flex}.pago-logos span{color:#fff;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.logo-yape{background:#6c1f7d}.logo-plin{background:#16a3b3}.caja-resumen{background:var(--blanco);border-radius:20px;gap:16px;padding:24px;display:grid;position:sticky;top:72px}.resumen-lineas li{align-items:center;gap:14px;padding:10px 0;font-size:15px;display:flex}.resumen-foto{background:var(--vitrina);border-radius:10px;flex:none;place-items:center;width:52px;height:58px;padding-top:4px;display:grid;position:relative}.resumen-foto svg{height:100%}.resumen-cantidad{background:var(--tinta-2);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-6px;right:-6px}.resumen-lineas div{flex-direction:column;flex:1;min-width:0;display:flex}.resumen-lineas strong{font-weight:600}.resumen-lineas div span{color:var(--tinta-2);font-size:13px}.resumen-montos{border-top:.5px solid var(--separador-fuerte);padding-top:12px}.resumen-montos div{justify-content:space-between;padding:5px 0;font-size:15px;display:flex}.resumen-montos dt{color:var(--tinta-2)}.resumen-montos .total{border-top:.5px solid var(--separador-fuerte);letter-spacing:-.015em;margin-top:8px;padding-top:14px;font-size:21px;font-weight:650}.resumen-montos .total dt{color:var(--tinta)}.centrado{text-align:center}.trampa{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.pedido{gap:32px;max-width:580px;margin:0 auto;padding:48px 22px 96px;display:grid}.pedido-numero{color:var(--tinta-2);font-size:15px;font-weight:500}.pedido-cabecera h1{letter-spacing:-.03em;margin-top:4px;font-size:clamp(30px,4vw,40px);font-weight:700;line-height:1.08}.pago{background:var(--blanco);text-align:center;border-radius:24px;justify-items:center;padding:32px 24px 24px;display:grid;box-shadow:0 1px 2px #00000008,0 12px 40px #0000000f}.pago-monto{letter-spacing:-.035em;font-size:52px;font-weight:700}.pago-instruccion{color:var(--tinta-2);margin-top:2px}.pago-numero{letter-spacing:.01em;align-items:center;gap:12px;margin-top:16px;font-size:30px;font-weight:650;display:flex}.pago-titular{color:var(--tinta-2);margin:4px 0 24px;font-size:15px}.pago-plazo{color:var(--tinta-2);margin-top:14px;font-size:14px}.pedido-aviso{justify-items:start;gap:14px;padding:20px;display:grid}.pasos .fila{color:var(--tinta-3);gap:12px}.pasos .fila.hecho{color:var(--tinta)}.paso-marca{border:1.5px solid var(--separador-fuerte);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.pasos .hecho .paso-marca{border-color:var(--verde);background:var(--verde);color:#fff}.pasos .valor{font-size:14px}.pedido-ayuda{color:var(--tinta-2);text-align:center;font-size:15px}@keyframes girar{to{transform:rotate(360deg)}}@media (width<=900px){.cafes{grid-template-columns:repeat(2,minmax(0,1fr))}.tarjeta-foto{aspect-ratio:1}.entregas ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-compra{grid-template-columns:1fr;gap:8px}.cafe-vitrina{position:static}.cafe-vitrina-interior{aspect-ratio:4/3}.cafe-bolsa{width:auto;height:82%}.cafe-bloque{grid-template-columns:1fr;margin-top:64px}.cafe-bloque>h2{grid-row:auto}.caja{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:32px}.caja-resumen{position:static}}@media (width<=600px){.contenedor,.barra-interior,.portada,.cafes-seccion,.entregas,.pie-interior,.pie-nota,.cafe{padding-left:16px;padding-right:16px}.solo-ancho{display:none}.portada{padding-top:36px}.portada h1{font-size:30px}.cafes-seccion{padding-top:36px}.filtros{margin:0 -16px;padding:0 16px}.cafes{gap:12px}.tarjeta{border-radius:16px}.destacada .tarjeta{flex-direction:column}.destacada .tarjeta-foto{flex:none;height:250px;padding:18px 0 0}.destacada .tarjeta-texto{padding:14px 16px 18px}.destacada .tarjeta h3{font-size:22px}.tarjeta-foto{padding-top:14px}.tarjeta-texto{padding:12px 14px 16px}.tarjeta-perfil{font-size:11px}.tarjeta h3{font-size:16px}.tarjeta-notas,.tarjeta-precio{font-size:13px}.tarjeta-precio{margin-top:8px}.entregas ul{grid-template-columns:1fr;gap:24px}.pie-interior{grid-template-columns:1fr}.cafe{padding-bottom:120px}.cafe-vitrina-interior{border-radius:18px}.cafe-notas{font-size:19px}.cafe-bloque{margin-top:56px;padding-top:24px}.otros{scrollbar-width:none;grid-template-columns:repeat(3,160px);margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.cafe-accion>.boton{display:none}.barra-compra{z-index:25;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separador);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.barra-compra div{flex-direction:column;min-width:0;display:flex}.barra-compra strong{font-size:17px}.barra-compra span{color:var(--tinta-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.barra-compra .boton{flex:none;min-height:44px;padding:0 26px}.caja{padding:24px 16px 80px}.caja-resumen{padding:18px}.agregado-interior{width:calc(100% - 16px);margin:8px auto 0}.fila>.etiqueta{min-width:84px}}.escala-texto{float:right;color:var(--tinta);font-weight:500}.cafe-bolsa.objeto{width:70%}.tarjeta-foto{aspect-ratio:1;padding:0}.tarjeta-foto .foto{width:100%;height:100%}.tarjeta-foto .foto img{transition:transform .6s cubic-bezier(.2,.9,.3,1)}.tarjeta:hover .tarjeta-foto .foto img{transform:scale(1.04)}.destacada .tarjeta-foto{aspect-ratio:auto;background:#eaeaea;flex:none;align-self:stretch;place-items:center;width:50%;padding:0;display:grid}.destacada .tarjeta-foto .foto{height:auto}.cafe-vitrina-interior{aspect-ratio:1;overflow:hidden}.cafe-vitrina-interior .foto{width:100%}.otro-foto{padding:0;overflow:hidden}.otro-foto .foto{width:100%}.carrito-foto,.resumen-foto{padding:0;overflow:hidden}.carrito-foto .foto,.resumen-foto .foto{width:100%;height:100%}.resumen-foto{overflow:visible}.resumen-foto .foto{border-radius:10px}.agregado-linea .miniatura{border-radius:10px;width:48px;height:48px}@media (width<=900px){.cafe-vitrina-interior{aspect-ratio:1}}@media (width<=600px){.destacada .tarjeta-foto{width:100%;height:auto}}.cafe-bolsa,.tarjeta-bolsa{width:100%!important;max-width:none!important;height:auto!important;transform:none!important}.panel{background:var(--fondo);min-height:100vh}.panel-barra{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separador);background:#f2f2f7d9;grid-template-columns:1fr minmax(0,360px) 1fr;align-items:center;gap:16px;height:56px;padding:0 20px;display:grid;position:sticky;top:0}.panel-marca{letter-spacing:-.03em;font-size:18px;font-weight:700}.panel-barra .enlace{justify-self:end}.secundario{color:var(--tinta-2);font-size:14px}.vacio{text-align:center;color:var(--tinta-2);padding:48px 16px}.cargando{border:3px solid var(--separador);border-top-color:var(--tinta-2);border-radius:50%;width:26px;height:26px;margin:64px auto;animation:.8s linear infinite girar}.ingreso{background:var(--fondo);place-items:center;min-height:100vh;padding:20px;display:grid}.ingreso form{text-align:center;gap:14px;width:100%;max-width:340px;display:grid}.ingreso h1{letter-spacing:-.03em;font-size:30px;font-weight:700}.ingreso p{color:var(--tinta-2);margin-top:-12px;margin-bottom:12px}.pedidos{grid-template-columns:minmax(340px,440px) minmax(0,1fr);max-width:1240px;min-height:calc(100vh - 56px);margin:0 auto;display:grid}.pedidos-lista{border-right:.5px solid var(--separador);flex-direction:column;gap:14px;padding:20px 20px 60px;display:flex}.pedidos-detalle{padding:20px 28px 60px}.pedidos .segmentado button{padding:4px 6px;font-size:13px}.cuenta{background:var(--acento);color:#fff;border-radius:9px;min-width:18px;margin-left:5px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.buscador{background:#7676801f;border:0;border-radius:10px;outline:none;height:36px;padding:0 12px;font-size:15px}.resumen{border-radius:var(--radio);background:var(--blanco);gap:14px;padding:14px 16px;display:grid}.resumen-cifra{letter-spacing:-.02em;font-size:24px;font-weight:700}.resumen-stock{border-top:.5px solid var(--separador-fuerte);padding-top:12px;font-size:14px}.resumen-stock-cabecera{justify-content:space-between;margin-bottom:6px;font-weight:600;display:flex}.resumen-stock-cabecera .enlace{font-size:14px}.resumen-stock li{color:var(--tinta-2);justify-content:space-between;padding:3px 0;display:flex}.resumen-stock li strong{color:var(--ambar);font-weight:600}.lista-pedidos li+li .fila:before{content:"";border-top:.5px solid var(--separador-fuerte);position:absolute;top:0;left:16px;right:0}.pedido-fila{align-items:flex-start}.pedido-fila.elegida{background:var(--acento-claro)!important}.pedido-fila-texto{flex:1;min-width:0;font-size:15px}.pedido-fila-texto .secundario{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pedido-fila-lado{flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;display:flex}.etiqueta-tiempo{color:var(--tinta-2);font-size:13px}.etiqueta-tiempo.urgente{color:var(--ambar);font-weight:600}.estado{white-space:nowrap;background:var(--fondo-2);color:var(--tinta-2);border-radius:999px;padding:2px 9px;font-size:13px;font-weight:600;display:inline-block}.estado-por_pagar{background:var(--ambar-claro);color:var(--ambar)}.estado-pagado,.estado-enviado{background:var(--acento-claro);color:var(--acento)}.estado-entregado{background:var(--verde-claro);color:var(--verde)}.detalle{gap:22px;max-width:620px;display:grid}.detalle-cabecera{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detalle-cabecera h2{letter-spacing:-.03em;font-size:28px;font-weight:700}.volver{display:none}.detalle-acciones{flex-wrap:wrap;gap:10px;display:flex}.detalle-acciones .boton{flex:1;min-width:180px}.linea-detalle{color:var(--tinta-2);font-size:13px;display:block}.fila.fuerte{font-weight:600}.fila.fuerte .valor{color:var(--tinta)}.texto-rojo{color:var(--rojo)}.mensaje-previo{background:var(--blanco);color:var(--tinta-2);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:15px}.detalle-secundarias{flex-wrap:wrap;align-items:flex-start;gap:14px 24px;padding-top:4px;display:flex}.confirmar{border-radius:var(--radio);background:var(--blanco);gap:10px;width:100%;padding:14px 16px;display:grid}.confirmar div{justify-content:flex-end;gap:8px;display:flex}.boton.peligro{background:var(--rojo)}.boton.peligro:hover{background:#b00012}.contenido-panel{max-width:820px;margin:0 auto;padding:24px 20px 80px}.contenido-panel.angosto{max-width:620px}.contenido-panel h1{letter-spacing:-.03em;margin-bottom:20px;font-size:30px;font-weight:700}.contenido-panel .grupo-titulo{margin-top:28px}.titulo-seccion{justify-content:space-between;align-items:center;display:flex}.titulo-seccion h1{margin:0}.sin-margen{margin:6px 0 18px}.lista-cafes{gap:16px;display:grid}.producto-panel.inactivo .cafe-cabecera,.producto-panel.inactivo .presentacion{opacity:.55}.cafe-cabecera .miniatura{flex:none;width:40px;height:50px}.cafe-texto{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.cafe-texto .enlace{margin-top:2px;font-size:14px}.presentacion .etiqueta{min-width:64px}.campo-chico{background:var(--fondo);color:var(--tinta-2);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:15px;display:inline-flex}.campo-chico input{width:64px;color:var(--tinta);font-variant-numeric:tabular-nums;text-align:right;flex:none}.campo-chico.bajo{background:var(--ambar-claro)}.campo-chico.agotado{background:#fdecee}.presentacion .interruptor,.empuja{margin-left:auto}.fila.apagada>span:first-child{color:var(--tinta-3)}.guardar{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.ficha-cafe{gap:10px;padding:0 20px 20px;display:grid}.ficha-cafe .grupo{background:var(--fondo)}.ficha-cafe .grupo-titulo{margin-top:14px}.ficha-cafe-vista{border-radius:var(--radio);background:color-mix(in srgb, var(--color) 12%, #f7f5f2);place-items:center;height:200px;margin-bottom:6px;display:grid}.ficha-cafe-vista svg{height:88%}.colores{flex-wrap:wrap;gap:12px;padding:0 4px;display:flex}.colores button{border:0;border-radius:50%;width:32px;height:32px}.colores button[aria-checked=true]{box-shadow:0 0 0 2px var(--blanco), 0 0 0 4px var(--tinta)}@media (width<=820px){.panel-barra{grid-template-columns:auto 1fr auto;padding:0 14px}.pedidos{grid-template-columns:minmax(0,1fr)}.pedidos-lista{border-right:0}.pedidos-detalle{display:none}.pedidos-detalle.abierto{z-index:15;background:var(--fondo);padding:16px 16px 60px;animation:.28s cubic-bezier(.2,.9,.3,1) entrar-derecha;display:block;position:fixed;inset:56px 0 0;overflow:auto}.volver{align-self:center;display:block}.detalle-cabecera{flex-wrap:wrap}.detalle-cabecera>div{order:3;width:100%}}.contenido-panel.angosto .fila>.etiqueta{min-width:150px}.dias{gap:6px;display:flex}.dias button{background:var(--fondo);width:32px;height:32px;color:var(--tinta-2);border:0;border-radius:50%;font-size:13px;font-weight:600}.dias button[aria-pressed=true]{background:var(--acento);color:#fff}.fila input[type=range]{flex:1}.fila input.etiqueta{width:110px;color:var(--tinta-2);flex:none}.cafe-cabecera .miniatura{border-radius:10px;width:48px;height:48px}.ficha-cafe-vista{height:auto;overflow:hidden}.ficha-cafe-vista .foto{width:100%;max-width:260px;margin:0 auto}@media (width<=520px){.presentacion{gap:8px}.presentacion .etiqueta{min-width:40px}.presentacion .campo-chico{gap:4px;padding:5px 8px}.presentacion .campo-chico input{width:58px}.presentacion .campo-stock input{width:24px}.fila:has(.dias){flex-wrap:wrap}.campo-chico span{white-space:nowrap}}