.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.td-card{background:var(--superficie);border:1px solid var(--linea);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease}.td-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(0,0,0,.3)}.td-card__foto{aspect-ratio:1;background:var(--arena);display:grid;place-items:center;position:relative;overflow:hidden}.td-card__foto img{width:100%;height:100%;object-fit:cover;display:block}.td-card__inicial{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:44px;color:var(--primario-texto);width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primario),color-mix(in srgb,var(--acento) 70%,var(--primario)))}.td-card__cinta{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--acento);color:var(--tinta);padding:4px 10px;border-radius:999px}.td-card__cinta--agotado{background:color-mix(in srgb,var(--tinta) 70%,transparent);color:var(--superficie)}.td-card__cuerpo{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1 1}.td-card__marca{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}.td-card__nombre{font-weight:600;font-size:15px;color:var(--tinta)}.td-card__desc{font-size:13px;color:var(--tinta-suave);line-height:1.45;flex:1 1}.td-card__pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.td-precio{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:17px;color:var(--tinta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-precio__antes{font-size:12.5px;color:var(--tinta-suave);text-decoration:line-through;margin-right:6px;font-weight:400}.td-poco{font-size:11.5px;color:var(--coral,var(--acento))}.td-barra{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom, 0px));z-index:60;display:flex;align-items:center;gap:14px;background:var(--tinta);color:var(--fondo);border-radius:999px;padding:10px 12px 10px 20px;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);font-size:14px;max-width:calc(100vw - 24px)}.td-barra strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-linea{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--linea)}.td-linea:first-child{border-top:0}.td-linea__mini{width:52px;height:52px;flex:none;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--primario),color-mix(in srgb,var(--acento) 70%,var(--primario)));color:var(--primario-texto);display:grid;place-items:center;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:20px}.td-linea__mini img{width:100%;height:100%;object-fit:cover}.td-linea__info{flex:1 1;min-width:0}.td-linea__info b{font-weight:600;color:var(--tinta)}.td-linea__info small{display:block;color:var(--tinta-suave);font-size:12.5px}.td-cant{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--linea);border-radius:999px;padding:2px}.td-cant button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--tinta);font-size:16px;line-height:1;cursor:pointer}.td-cant button:hover{background:var(--arena)}.td-cant span{min-width:24px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.td-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--tinta);padding-top:14px;margin-top:6px;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:19px}.td-pasos{margin:18px 0 6px}.td-paso,.td-pasos{display:flex;gap:6px}.td-paso{flex:1 1;flex-direction:column;align-items:center}.td-paso i{display:block;width:100%;height:5px;border-radius:999px;background:color-mix(in srgb,var(--tinta) 10%,transparent)}.td-paso--hecho i{background:var(--primario)}.td-paso small{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave);text-align:center}.td-paso--hecho small{color:var(--primario);font-weight:700}