.tarjeta{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;min-width:0;padding:10px;background:var(--superficie);border:1px solid var(--linea);border-radius:16px;transition:transform var(--t-corto) var(--c-salida),box-shadow var(--t-corto) var(--c-salida),border-color var(--t-corto)}.tarjeta:has(.tarjeta-paso){border-color:var(--acento)}@media (hover:hover){.tarjeta:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000000f,0 14px 28px #1a1a2e1f}}.tarjeta-foto{position:relative;border:1px solid var(--linea);border-radius:12px;background:#fff;overflow:hidden}.tarjeta-foto>a{display:block;width:100%;max-width:200px;margin-inline:auto}.tarjeta-foto .media-panel{aspect-ratio:1;border-radius:0;background:#fff}.tarjeta-foto .media-panel img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform var(--t-medio) var(--c-salida)}@media (hover:hover){.tarjeta:hover .tarjeta-foto .media-panel img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tarjeta-foto .media-panel img{transition:none;transform:none!important}}.tarjeta-en-pedido{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--marca);color:#fff;font-size:13px;font-weight:800;line-height:1.2}.tarjeta-en-pedido svg{color:var(--acento)}.tarjeta-nombre{display:flex;align-items:center;min-height:48px}.tarjeta-nombre h3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.tarjeta-nombre:hover h3{color:var(--acento-texto);text-decoration:underline;text-underline-offset:3px}.tarjeta-comercio{display:flex;flex-direction:column;gap:6px;margin-top:auto}.tarjeta-precio{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;margin:0}.tarjeta-precio .cifra{font-size:26px;line-height:1;color:var(--tinta)}.tarjeta-por{display:flex;flex-direction:column;line-height:1.15}.tarjeta-por small{font-size:12px;color:var(--tinta-2);white-space:nowrap}.tarjeta-precio .tarjeta-consultar{font-size:16px;font-weight:800}.tarjeta-precio-valor{animation:mv-aparece var(--t-corto) var(--c-salida)}.tarjeta-volumen{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;min-height:20px;font-size:13px;color:var(--tinta-2);transition:color var(--t-corto)}.tarjeta-volumen b{color:var(--acento-texto);font-size:14px}.tarjeta-volumen.logrado{align-items:center;color:var(--tinta);font-weight:700}.tarjeta-volumen.logrado svg{color:var(--acento-texto)}.tarjeta-agregar{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:0;border-radius:12px;background:var(--acento);color:var(--sobre-acento);font-size:16px;font-weight:800;cursor:pointer;transition:transform var(--t-micro),background var(--t-corto)}.tarjeta-agregar:hover{background:color-mix(in srgb,var(--acento) 88%,#fff)}.tarjeta-agregar:active,.tarjeta-paso button:active{transform:scale(.95)}.tarjeta-paso{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:48px;border:2px solid var(--acento);border-radius:12px;overflow:hidden;animation:mv-centro var(--t-medio) var(--c-resorte)}.tarjeta-paso button{display:grid;place-items:center;border:0;background:var(--acento-suave);color:var(--acento-texto);cursor:pointer;transition:transform var(--t-micro)}.tarjeta-paso input{width:100%;min-width:0;border:0;background:#fff;color:var(--tinta);text-align:center;font-family:var(--cifras);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.tarjeta-error{font-size:12px;color:#b42318}@media (max-width:520px){.tarjeta-foto>a{max-width:150px}.tarjeta-precio .cifra{font-size:24px}}@media (prefers-reduced-motion:reduce){.tarjeta:hover{transform:none}}.tarjeta-lote{font-size:14px;color:var(--tinta)}.tarjeta-lote small{font-size:12px;color:var(--tinta-2)}.tarjeta-wa{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:0 8px;border:2px solid var(--wa);border-radius:12px;background:rgb(21 122 74/.06);color:var(--wa);font-size:15px;font-weight:800;line-height:1.15;text-align:center;text-wrap:balance;transition:transform var(--t-micro),background var(--t-corto),color var(--t-corto)}.tarjeta-wa svg{flex:none}.tarjeta-wa:active,.tarjeta-wa:focus-visible,.tarjeta-wa:hover{background:var(--wa);color:#fff}.tarjeta-agregar-2:active,.tarjeta-wa:active{transform:scale(.95)}.tarjeta-agregar-2:focus-visible,.tarjeta-wa:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.tarjeta-agregar-2{display:flex;align-items:center;justify-content:center;gap:4px;min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--tinta);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tarjeta-agregar-2:hover{background:var(--acento-suave)}@media (max-width:520px){.tarjeta-wa{font-size:14px}}.tarjeta-caja{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:0 8px;border:2px solid var(--acento);border-radius:12px;background:var(--acento);color:var(--sobre-acento);font-size:15px;font-weight:800;line-height:1.15;text-align:center;text-wrap:balance;transition:transform var(--t-micro),filter var(--t-corto)}.tarjeta-caja svg{flex:none}.tarjeta-caja:hover{filter:brightness(1.05)}.tarjeta-caja:active{transform:scale(.95)}.tarjeta-caja:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.tarjeta-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:14px;font-weight:700;color:var(--tinta)}.tarjeta-aviso svg{color:var(--wa)}.tarjeta-aviso a{display:inline-flex;align-items:center;min-height:48px;color:var(--acento-texto);text-decoration:underline;text-underline-offset:2px}@media (max-width:520px){.tarjeta-caja{font-size:14px}}.tarjeta-chip-ahorro{margin-left:4px;padding:0 6px;border-radius:999px;background:var(--acento-suave);color:var(--acento-texto);font-size:14px;font-weight:800}.tarjeta-marca{min-height:18px;margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}.tarjeta-marca-logo{display:block;width:auto;height:18px;max-width:110px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.tarjeta-specs{display:flex;flex-wrap:wrap;gap:4px;margin:0}.tarjeta-specs li{padding:1px 7px;border-radius:999px;background:var(--fondo);color:var(--tinta-2);font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}.tarjeta-comercio{margin-top:0}.escala-tarjeta{container-type:inline-size;display:flex;flex-direction:column;gap:8px}.precio-rango{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0}.precio-rango .precio-rango-valor{font-size:24px;font-weight:800;line-height:1.05;color:var(--tinta)}.precio-rango-parte{white-space:nowrap}.escala-igv{flex-basis:100%;font-size:14px;color:var(--tinta-2)}.escala-filas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;padding-top:8px}.escala-fila{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:8px 4px 6px;border:1.5px solid var(--linea);border-radius:10px;background:var(--superficie);color:var(--tinta);font:inherit;line-height:1.15;text-align:center;cursor:pointer;transition:border-color var(--t-corto),background var(--t-corto)}.escala-fila:hover{border-color:var(--acento)}.escala-fila:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.escala-fila.elegida{border-color:var(--acento);background:var(--acento-suave);box-shadow:inset 0 0 0 1px var(--acento)}.escala-cuanto{font-size:14px;font-weight:700;color:var(--tinta-2);white-space:normal;overflow-wrap:normal}.escala-fila.elegida .escala-cuanto{color:var(--tinta)}.escala-precio{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tinta)}.escala-pct{padding:0 6px;border-radius:999px;background:#dcfce7;color:#14532d;font-size:14px;font-weight:800;white-space:nowrap}.escala-empaque{font-size:14px;font-weight:600;color:var(--tinta-2)}.escala-estrella{position:absolute;top:-12px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--acento);border-radius:999px;background:#fff;font-size:14px;font-style:normal;line-height:1}.escala-fila.conviene{border-color:var(--acento)}.escala-accion{display:flex;flex-direction:column;gap:6px}.escala-paso{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:48px;border:1.5px solid var(--linea);border-radius:12px;overflow:hidden}.escala-paso button{display:grid;place-items:center;border:0;background:var(--fondo);color:var(--tinta);cursor:pointer;transition:transform var(--t-micro)}.escala-paso button:disabled{color:var(--tinta-2);opacity:.55;cursor:not-allowed}.escala-paso button:active:not(:disabled){transform:scale(.95)}.escala-paso input{width:100%;min-width:0;border:0;background:#fff;color:var(--tinta);text-align:center;font-family:var(--cifras);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.escala-paso input:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}.escala-botones{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.escala-agregar{width:100%;padding:0 8px;cursor:pointer}.escala-en-pedido{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:14px;font-weight:700;color:var(--wa)}.escala-en-pedido a{color:var(--acento-texto);text-decoration:underline;text-underline-offset:3px}@container (min-width:200px){.escala-botones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.precio-rango .precio-rango-valor{font-size:26px}}@container (max-width:199px){.escala-filas{grid-auto-flow:row;grid-auto-columns:auto;gap:4px;padding-top:0}.escala-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cuanto precio" "empaque pct";align-items:center;gap:0 4px;padding:4px 8px;text-align:left}.escala-cuanto{grid-area:cuanto}.escala-precio{grid-area:precio;text-align:right;font-size:17px}.escala-pct{grid-area:pct;justify-self:end}.escala-empaque{grid-area:empaque}.escala-estrella{top:50%;left:-10px;transform:translateY(-50%);width:20px;height:20px;font-size:12px}.precio-rango .precio-rango-valor{font-size:20px}}