.pila{background:linear-gradient(to bottom, transparent 62%, #b9e64d09 100%), var(--tinta);border-bottom:1px solid var(--linea);touch-action:pan-y;height:clamp(620px,96vh,980px);position:relative;overflow:hidden}.pila-fondo{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.035em;color:var(--hueso);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0;padding-bottom:8vh;font-size:clamp(64px,15.5vw,260px);font-weight:800;line-height:.82;display:flex;position:absolute;inset:0}.pila-fondo em{color:var(--lima);font-style:normal}.pila canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.pila canvas.agarra{cursor:grabbing}.pila canvas.sobre{cursor:grab}.pila-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:26px clamp(16px,3.5vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.contador{font-family:var(--f-mono);text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.contador .lbl{letter-spacing:.14em;color:var(--gris);font-size:11px}.contador .num{color:var(--lima);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(34px,4vw,56px);font-weight:700}.pila-ctrl{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px clamp(16px,3.5vw,48px);display:flex;position:absolute;bottom:0;left:0;right:0}.pila-ctrl>*{pointer-events:auto}.filtros{flex-wrap:wrap;gap:6px;max-width:980px;display:flex}.filtros .chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0b0bbf}.filtros .chip[aria-pressed=true]{background:var(--lima)}.acciones{gap:8px;display:flex}.tip{z-index:3;pointer-events:none;opacity:0;background:var(--hueso);color:var(--tinta);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:8px 10px;font-size:11px;transition:opacity .15s;position:absolute;transform:translate(14px,-50%)}.tip b{font-family:var(--f-display);letter-spacing:-.01em;text-transform:none;font-size:15px;display:block}.tip.on{opacity:1}.hint{z-index:2;pointer-events:none;font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gris);font-size:10px;transition:opacity .4s;position:absolute;top:26px;left:50%;transform:translate(-50%)}@media (max-width:720px){.pila{height:88vh}.pila-fondo{padding-bottom:18vh;font-size:21vw}.hint{display:none}.filtro-wrap{width:100%;min-width:0}.filtros{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.filtros .chip{flex:none;padding:7px 9px;font-size:10px}.acciones{width:100%}.acciones .btn{flex:1;justify-content:center}}.filtro-wrap{flex-direction:column;gap:8px;display:flex}.dim{display:flex}.dim .chip{background:0 0;border-color:#fafafa33;padding:6px 10px;font-size:10px}.dim .chip+.chip{border-left:0}.dim .chip[aria-pressed=true]{background:var(--hueso);color:var(--tinta);border-color:var(--hueso)}.tip i{color:#8a4b00;font-style:normal}.tip .real{background:var(--tinta);color:var(--lima);padding:1px 5px}.embed .pila{border-bottom:0;height:100vh}.embed .pila-top{padding-top:var(--top-web)}.embed .pila .hint{top:var(--top-web)}
