.tarjeta{position:relative;display:flex;flex-direction:column;gap:3px;height:100%;min-width:0;padding:8px;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-radius:10px;background:#fff;overflow:hidden}.tarjeta-foto>a{display:block;width:100%;margin-inline:auto}.tarjeta-foto .media-panel{aspect-ratio:4/3;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;height:2.6em;font-size:14px;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}.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-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{height:16px;overflow:hidden;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:16px;max-width:110px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.tarjeta-detalle{font-size:13px}.tarjeta-detalle,.tarjeta-sku{height:1.25em;overflow:hidden;margin:0;color:var(--tinta-2);font-weight:600;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.tarjeta-sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.tarjeta-comercio{margin-top:auto}.escala-tarjeta{display:flex;flex-direction:column;gap:6px}.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)}.escala-igv,.precio-rango-parte{white-space:nowrap}.escala-igv{height:1.3em;overflow:hidden;margin:0;font-size:14px;line-height:1.3;color:var(--tinta-2);text-overflow:ellipsis}.escala-bloque{display:grid;border:1px solid var(--linea);border-radius:8px;overflow:hidden}.escala-filas{display:grid;margin:0;padding:0;list-style:none}.escala-fila,.escala-vacia{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;height:28px;margin:0;padding:0 8px;border:0;background:var(--superficie);color:var(--tinta);font:inherit;line-height:1;text-align:left}.escala-bloque>*+*,.escala-filas>*+*{border-top:1px solid var(--linea)}.escala-cuanto{overflow:hidden;font-size:14px;font-weight:700;color:var(--tinta-2);white-space:nowrap;text-overflow:ellipsis}.escala-precio{flex:none;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tinta)}.escala-fila:first-child .escala-precio{font-size:16px}.escala-fila.conviene{background:var(--acento-suave)}.escala-fila.conviene .escala-cuanto,.escala-fila.conviene .escala-precio{color:var(--acento-texto)}.escala-fila.conviene .escala-cuanto:before{content:"★ "}.escala-fila.elegida{box-shadow:inset 3px 0 0 var(--acento)}.escala-fila.elegida .escala-cuanto{color:var(--tinta)}.escala-vacia{color:var(--tinta-2);font-size:14px;font-weight:500}.escala-vacia span+span{color:#b8bec6;font-weight:700}.escala-pct{color:#14532d}.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:10px;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:18px;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) 48px;gap:6px}.escala-agregar{width:100%;padding:0 6px;cursor:pointer}.escala-agregar,.escala-wa{min-height:48px;border-radius:10px}.escala-wa{padding:0}.escala-atajo{display:flex;align-items:center;justify-content:center;min-height:48px;padding:2px 8px;border:1.5px solid var(--acento);border-radius:10px;background:var(--superficie);color:var(--acento-texto);font:inherit;font-size:14px;font-weight:800;line-height:1.15;text-align:center;text-wrap:balance;cursor:pointer;transition:background var(--t-corto)}.escala-atajo:hover{background:var(--acento-suave)}.escala-atajo:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.escala-atajo.vacio{visibility:hidden}.escala-en-pedido,.tarjeta .escala-en-pedido{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin:0;font-size:12px;font-weight:800}.tarjeta .escala-en-pedido{position:absolute;top:12px;left:12px;right:12px;z-index:1;padding:4px 8px;border-radius:10px;background:var(--marca);color:#fff;line-height:1.3}.escala-en-pedido svg{color:var(--acento)}.escala-en-pedido a{display:inline-flex;align-items:center;min-height:24px;color:#fff;text-decoration:underline;text-underline-offset:2px}.tarjeta-sin-precio .tarjeta-consultar{font-size:14px;font-weight:800;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarjeta-sin-precio .tarjeta-agregar,.tarjeta-sin-precio .tarjeta-paso,.tarjeta-sin-precio .tarjeta-wa{min-height:48px;border-radius:10px}.tarjeta-sin-precio .tarjeta-wa{font-size:14px}.tarjeta-foto .placa{gap:2px;padding:6px}.tarjeta-foto .placa-icono{width:24%;max-width:44px}.tarjeta-foto .placa-medidas{font-size:15px}