.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-radius:12px;background:var(--fondo)}.tarjeta-foto>a{display:block;width:100%;max-width:200px;margin-inline:auto}.tarjeta-foto .media-panel{aspect-ratio:1;border-radius:12px;background:transparent}.tarjeta-foto .media-panel img{mix-blend-mode:multiply;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{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}.escala-tarjeta{display:flex;flex-direction:column;gap:6px}.escala-cabeza{margin:0}.escala-filas{display:grid;gap:6px}.escala-fila{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:4px 8px;border:1.5px solid var(--linea);border-radius:10px;background:var(--superficie);color:var(--tinta);font:inherit;text-align:left;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}.escala-cuanto,.escala-precio{font-weight:800;white-space:nowrap}.escala-precio{margin-left:auto;font-size:15px;font-variant-numeric:tabular-nums}.escala-pct{padding:0 5px;border-radius:999px;background:var(--acento-suave);color:var(--acento-texto);font-size:14px;font-weight:800;white-space:nowrap}.escala-fila.elegida .escala-pct{background:#fff}.escala-fila.neutra:not(.elegida){background:var(--fondo);color:var(--tinta-2)}.escala-ahorro{flex-basis:100%;text-align:right;font-size:14px;font-weight:700;color:var(--tinta-2);font-variant-numeric:tabular-nums}.escala-cabeza{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}.escala-igv{font-size:14px;color:var(--tinta-2)}@media (max-width:1023px){.escala-igv{flex-basis:100%}.escala-fila .escala-pct{display:none}}@media (min-width:1024px){.escala-pct-cabeza{display:none}}.escala-estrella{position:absolute;top:-11px;left:6px;padding:1px 6px;border-radius:6px;background:var(--acento-texto);color:#fff;font-size:14px;font-style:normal;font-weight:800;line-height:1.3}.escala-fila.conviene{margin-top:9px}.escala-total{margin:0;color:var(--tinta-2)}.escala-total b{font-size:16px;color:var(--tinta)}.escala-botones{display:grid;gap:6px}.escala-agregar{width:100%;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}.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;gap:8px}.escala-filas{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.escala-fila{flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:0;min-height:48px;padding:4px 2px;text-align:center;line-height:1.15}.escala-fila.conviene{margin-top:0;border-color:var(--acento)}.escala-fila .escala-cuanto{white-space:normal;overflow-wrap:anywhere}.escala-fila .escala-l1{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 4px}.escala-fila .escala-precio{display:block;margin-left:0;font-size:14px;font-weight:700}.escala-fila .escala-pct{display:none;padding:0 4px;font-size:14px}.escala-fila .escala-ahorro,.escala-fila .escala-estrella{display:none}.escala-fila.conviene .escala-cuanto:before{content:"★ ";color:var(--acento-texto)}.escala-total{font-size:14px;line-height:1.3}.escala-mejor{color:var(--acento-texto);font-weight:800}.escala-botones{grid-template-columns:minmax(0,1fr);align-items:stretch}.escala-agregar{padding:0 8px}@container (min-width:230px){.escala-fila .escala-pct{display:inline}.escala-pct-cabeza{display:none}.escala-botones{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container (max-width:229px){.escala-fila .escala-moneda{display:none}.escala-botones .tarjeta-wa{gap:4px;padding:0 4px;white-space:nowrap}.escala-botones .tarjeta-wa svg{display:none}.escala-total .escala-mejor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.tarjeta-marca{min-height:18px}.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}