.tienda-interfaz{height:calc(100% - 95px);display:flex;flex-direction:column;gap:18px}.pestanas-tienda{display:flex;justify-content:center;align-items:flex-end;gap:clamp(5px,1vw,16px);flex-wrap:wrap}.pestana{border:0;background:transparent;color:#c9c0c2;font:clamp(15px,1.6vw,23px) Impact,Arial,sans-serif;letter-spacing:.04em;padding:8px 5px;cursor:pointer;text-shadow:2px 2px #050208}.pestana:hover,.pestana.activa{color:#f2c45f;border-bottom:3px solid #d09a3e}.panel-tienda{display:none;flex:1;overflow:auto;padding:12px 8px 55px;align-content:start;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:18px}.panel-tienda.visible{display:grid}.imagen-tarjeta{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 7px 4px rgba(0,0,0,.8));transition:transform .12s,filter .12s;cursor:pointer}.imagen-tarjeta:hover{transform:scale(1.045);filter:drop-shadow(0 10px 5px rgba(0,0,0,.95) brightness(1.08))}#tarjetas-logros .imagen-tarjeta{max-height:190px}#logros .imagen-tarjeta{max-height:190px}#prestigios .imagen-tarjeta,#torneo .imagen-tarjeta{max-height:150px}#libres .imagen-tarjeta{max-height:155px}
@media(max-width:700px){.tienda-interfaz{height:calc(100% - 70px);gap:10px}.pestanas-tienda{gap:2px}.pestana{font-size:13px;padding:5px 3px}.panel-tienda{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:5px 4px 45px}.imagen-tarjeta,#tarjetas-logros .imagen-tarjeta,#logros .imagen-tarjeta,#prestigios .imagen-tarjeta,#torneo .imagen-tarjeta,#libres .imagen-tarjeta{max-height:130px}}
.visor-tarjeta{position:fixed;z-index:50;inset:0;display:grid;place-items:center}.visor-velo{position:absolute;inset:0;background:rgba(4,1,8,.84)}.visor-contenido{position:relative;z-index:1;width:min(78vw,780px);height:min(82vh,760px);display:grid;place-items:center}.visor-contenido img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 12px #000)}#cerrar-visor{position:absolute;right:-18px;top:-18px;width:48px;height:48px;border:2px solid #e2ad45;border-radius:50%;background:#681522;color:#fff;font:38px Arial,sans-serif;line-height:36px;cursor:pointer}#cerrar-visor:hover{background:#9c2038}

/* V62.44 tienda de tarjetas y monedero */
.tienda-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px 10px 2px}
.tienda-wallet-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid rgba(208,154,62,.35);background:rgba(15,9,21,.72);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.tienda-wallet-item img{width:40px;height:40px;object-fit:contain}
.tienda-wallet-item small{display:block;color:#c9c0c2;font:11px/1 Arial,sans-serif;letter-spacing:.08em}
.tienda-wallet-item strong{display:block;color:#f2c45f;font:22px/1 Impact,Arial,sans-serif;letter-spacing:.03em}
.panel-tienda-tarjetas{grid-template-columns:1fr!important;align-content:start}
.catalogo-tarjetas{display:flex;flex-direction:column;gap:20px}
.tarjeta-seccion h3{margin:0 0 6px;color:#f2c45f;font:24px/1 Impact,Arial,sans-serif;letter-spacing:.05em}
.tarjeta-ayuda{margin:0 0 12px;color:#ddd3d8;font:14px/1.25 Arial,sans-serif}
.tarjeta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.tarjeta-compra{position:relative;padding:14px 14px 16px;border:2px solid rgba(208,154,62,.35);background:linear-gradient(180deg,rgba(25,12,33,.92),rgba(8,5,13,.96));box-shadow:0 10px 18px rgba(0,0,0,.38)}
.tarjeta-compra.comprada{border-color:rgba(104,168,88,.7)}
.tarjeta-compra h4{margin:10px 0 8px;color:#fff5e7;font:19px/1.08 Impact,Arial,sans-serif;letter-spacing:.02em}
.tarjeta-compra p{margin:0 0 12px;color:#d6ccd1;font:14px/1.25 Arial,sans-serif}
.tarjeta-compra button{border:0;padding:10px 12px;background:#7f1f31;color:#fff;font:18px/1 Impact,Arial,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 10px rgba(0,0,0,.38)}
.tarjeta-compra button:hover:not([disabled]){background:#a82940}
.tarjeta-compra button[disabled]{cursor:default;background:#33512e;color:#d7f4d0}
.tarjeta-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font:12px/1 Impact,Arial,sans-serif;letter-spacing:.08em}
.chip-basica{background:#1c4b78;color:#e9f6ff}.chip-rara{background:#7b4d15;color:#ffe6bf}
.tarjeta-seccion-especial .tarjeta-especial-placeholder{display:grid;place-items:center;min-height:150px;border:2px dashed rgba(208,154,62,.4);color:#f2c45f;font:34px/1 Impact,Arial,sans-serif;letter-spacing:.08em;background:rgba(13,9,18,.6)}
@media(max-width:700px){.tienda-wallet{grid-template-columns:1fr;gap:8px}.tienda-wallet-item strong{font-size:18px}.tarjeta-grid{grid-template-columns:1fr}.tarjeta-seccion h3{font-size:20px}}

/* V62.45 tarjetas visuales aportadas por el usuario */
.panel-tienda-nuevas{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:start}
.tarjeta-producto,.tarjeta-logro-nueva{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px;border:2px solid rgba(208,154,62,.28);background:rgba(11,6,16,.74);box-shadow:0 10px 18px rgba(0,0,0,.35)}
.tarjeta-producto.comprada{border-color:rgba(76,167,89,.7);box-shadow:0 0 18px rgba(76,167,89,.18),0 10px 18px rgba(0,0,0,.35)}
.tarjeta-imagen-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.tarjeta-imagen-btn .imagen-tarjeta{width:100%;max-height:235px;object-fit:contain;margin:0 auto}
.tarjeta-producto-info{width:100%;display:flex;flex-direction:column;gap:5px;text-align:center}
.tarjeta-producto-info>strong{color:#f4e8d8;font:20px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.05em;text-shadow:2px 2px #07030a}
.tarjeta-producto-info>span{display:flex;justify-content:center;align-items:center;gap:7px;color:#f0cd70;font:15px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.02em}
.tarjeta-producto-info>span img{width:26px;height:26px;object-fit:contain}
.tarjeta-comprar-btn{min-width:145px;padding:10px 13px;border:2px solid #b1742a;background:#52202c;color:#fff5e7;font:18px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px 10px rgba(0,0,0,.42)}
.tarjeta-comprar-btn:hover:not([disabled]),.tarjeta-comprar-btn:focus:not([disabled]){background:#82283b;outline:3px solid rgba(212,255,64,.75);outline-offset:3px}
.tarjeta-comprar-btn[disabled]{border-color:#447541;background:#243723;color:#cde6c9;cursor:default}
.tarjeta-logro-nueva small{color:#aaa0aa;font:12px/1.1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.05em;text-align:center}
#tarjetas-logros .imagen-tarjeta,#tarjetas-normal .imagen-tarjeta,#tarjetas-especial .imagen-tarjeta,#tarjetas-puntos .imagen-tarjeta{max-height:235px}
@media(max-width:700px){.panel-tienda-nuevas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tarjeta-imagen-btn .imagen-tarjeta{max-height:165px}.tarjeta-producto-info>strong{font-size:16px}.tarjeta-producto-info>span{font-size:12px}.tarjeta-comprar-btn{min-width:110px;font-size:14px;padding:8px}}

/* V62.46 restauración de logros + bloqueos propios */
#logros.panel-tienda-nuevas{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
#logros .tarjeta-logro-nueva{min-height:250px;justify-content:flex-start}
#logros .tarjeta-logro-nueva.bloqueada{border-color:rgba(103,84,111,.38);background:rgba(8,5,12,.7)}
#logros .tarjeta-logro-nueva.bloqueada .imagen-tarjeta{filter:drop-shadow(0 7px 4px rgba(0,0,0,.8)) grayscale(.16) brightness(.78)}
#logros .tarjeta-logro-nueva.bloqueada .tarjeta-imagen-btn{cursor:default}
#logros .tarjeta-logro-nueva.bloqueada small{color:#95899a}
#logros .tarjeta-logro-nueva.desbloqueada{border-color:rgba(208,154,62,.55);box-shadow:0 0 16px rgba(208,154,62,.14),0 10px 18px rgba(0,0,0,.35)}
#logros .tarjeta-logro-nueva.desbloqueada small{color:#f2c45f}
#logros .imagen-tarjeta{max-height:245px}
#tarjetas-logro-recompensa{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tarjeta-logro-recompensa{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:2px solid rgba(103,84,111,.35);background:rgba(8,5,12,.7)}
.tarjeta-logro-recompensa .imagen-tarjeta{max-height:150px;cursor:default;filter:drop-shadow(0 7px 4px rgba(0,0,0,.8)) brightness(.82)}
.tarjeta-logro-recompensa small{color:#95899a;font:12px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.06em}
@media(max-width:700px){#logros.panel-tienda-nuevas{grid-template-columns:repeat(2,minmax(0,1fr))}#logros .imagen-tarjeta{max-height:170px}#tarjetas-logro-recompensa{grid-template-columns:1fr}.tarjeta-logro-recompensa .imagen-tarjeta{max-height:120px}}
/* v62.85: tarjeta elegida con gamepad o teclado (abre el visor grande con A / Enter). */
.tarjeta-logro-recompensa .imagen-tarjeta[role="button"]{cursor:pointer}
.imagen-tarjeta.nav-activa,.imagen-tarjeta:focus-visible{outline:3px solid rgba(212,255,64,.95)!important;outline-offset:4px;filter:brightness(1.1) drop-shadow(0 0 10px rgba(180,255,60,.65))!important}
/* v62.88: logros horizontales al final de la pestaña LOGROS, cada uno a 2 columnas. */
#logros .tarjeta-logro-nueva.horizontal{grid-column:span 2;min-height:115px;justify-content:center}
#logros .tarjeta-logro-nueva.primera-horizontal{grid-column:1 / span 2}
#logros .tarjeta-logro-nueva.horizontal .imagen-tarjeta{width:100%;height:auto;aspect-ratio:739/158;max-height:none;object-fit:fill}
@media(max-width:700px){#logros .tarjeta-logro-nueva.horizontal,#logros .tarjeta-logro-nueva.primera-horizontal{grid-column:1 / -1}}
/* v62.89: todas las tarjetas de logro del mismo tamaño: horizontales con la proporción de headshot_001
   (739x158) y verticales con la de logro_borrar_001 (651x1071). El candado horizontal conserva su forma. */
#logros .tarjeta-logro-nueva.horizontal.bloqueada .imagen-tarjeta{object-fit:contain}
#logros .tarjeta-logro-nueva:not(.horizontal) .imagen-tarjeta{width:auto;height:185px;aspect-ratio:651/1071;max-height:none;object-fit:fill;margin:0 auto}
/* v62.92: botón cerrar del visor de tarjeta con su gráfico (cerrar_001). */
#cerrar-visor{right:-26px;top:-26px;width:60px;height:56px;padding:0;border:0;border-radius:0;background:transparent;line-height:0}
#cerrar-visor:hover{background:transparent;filter:brightness(1.18)}
#cerrar-visor img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.8))}
/* v62.92: aviso flotante de la Tienda (compra exitosa / saldo insuficiente). */
.ndm-aviso{position:fixed;z-index:99990;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:opacity .16s,transform .2s cubic-bezier(.2,1.5,.5,1)}
.ndm-aviso.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ndm-aviso img{display:block;width:min(340px,70vw);height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.85))}
.ndm-aviso span{display:block;max-width:min(420px,80vw);padding:6px 10px;border:40px solid transparent;border-image:url('sprites/hud/editor/fondos/caja_fondo_no_texto_002.webp') 190 fill / 40px stretch;color:#ff6b5e;font:24px/1.15 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1px;text-align:center;text-shadow:2px 2px 0 #120408;filter:drop-shadow(0 14px 18px rgba(0,0,0,.85))}
/* v62.94: botones gráficos COMPRAR / COMPRADA. */
.tarjeta-comprar-btn{min-width:0;width:150px;padding:0;border:0;background:transparent;box-shadow:none}
.tarjeta-comprar-btn img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 4px rgba(0,0,0,.75));transition:transform .12s,filter .12s}
.tarjeta-comprar-btn:hover:not([disabled]),.tarjeta-comprar-btn:focus:not([disabled]),.tarjeta-comprar-btn[disabled]{background:transparent;border:0;outline:none}
.tarjeta-comprar-btn:hover:not([disabled]) img,.tarjeta-comprar-btn:focus:not([disabled]) img,.tarjeta-comprar-btn.nav-activa img{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(180,255,60,.75)) brightness(1.15)}
.tarjeta-comprar-btn[disabled] img{filter:drop-shadow(0 6px 4px rgba(0,0,0,.75)) brightness(.85)}
@media(max-width:700px){.tarjeta-comprar-btn{width:120px}}
/* v62.95: pestañas gráficas. La seleccionada se resalta (más grande, más brillante y con resplandor dorado);
   las demás se ven un poco apagadas. */
.pestanas-tienda{gap:6px;flex-wrap:nowrap}
.pestana,.pestana:hover,.pestana.activa{flex:0 1 136px;min-width:0;padding:0;border:0;background:transparent;line-height:0}
.pestana img{display:block;width:100%;height:auto;filter:brightness(.72) drop-shadow(0 4px 3px rgba(0,0,0,.75));transition:transform .12s,filter .12s}
.pestana:hover img,.pestana:focus-visible img,.pestana.nav-activa img{filter:brightness(1) drop-shadow(0 4px 3px rgba(0,0,0,.75))}
.pestana.activa img{transform:scale(1.08);filter:brightness(1.18) drop-shadow(0 0 9px rgba(242,196,95,.85))}
@media(max-width:700px){.pestanas-tienda{flex-wrap:wrap}.pestana,.pestana:hover,.pestana.activa{flex:0 1 calc(25% - 6px)}}
/* v62.96: sin recuadros alrededor de las tarjetas de la Tienda (la imagen ya trae su marco y su leyenda de
   bloqueo). El recuadro solo aparece, iluminado, en la tarjeta elegida con teclado o gamepad. */
.tarjeta-producto,.tarjeta-logro-nueva,.tarjeta-logro-recompensa,
#logros .tarjeta-logro-nueva.bloqueada,#logros .tarjeta-logro-nueva.desbloqueada,.tarjeta-producto.comprada{border:2px solid transparent;background:transparent;box-shadow:none;transition:border-color .12s,box-shadow .12s,background .12s}
.tarjeta-producto:has(:focus-visible),.tarjeta-producto:has(.nav-activa),
.tarjeta-logro-nueva:has(:focus-visible),.tarjeta-logro-nueva:has(.nav-activa),
.tarjeta-logro-recompensa:has(:focus-visible),.tarjeta-logro-recompensa:has(.nav-activa){border-color:rgba(212,255,64,.9);background:rgba(20,30,8,.35);box-shadow:0 0 18px rgba(180,255,60,.45)}
/* con el recuadro marcado, la imagen ya no lleva su propio contorno verde */
.tarjeta-logro-recompensa .imagen-tarjeta.nav-activa,.tarjeta-logro-recompensa .imagen-tarjeta:focus-visible{outline:0!important}
#logros .tarjeta-logro-nueva:not(.horizontal){min-height:auto}

/* v63.37: precio en rojo cuando no alcanza, nombre del logro bajo el candado y barra de desplazamiento del juego. */
.tarjeta-producto.sin-saldo .tarjeta-producto-info span{color:#ff6b6b}
.tarjeta-producto.sin-saldo .tarjeta-comprar-btn{filter:grayscale(.55) brightness(.8)}
#logros .tarjeta-logro-nueva.bloqueada small{color:#8d7f93;opacity:.9}
#apartado.es-tienda *{scrollbar-width:thin;scrollbar-color:#c879b7 #2c1f35}
#apartado.es-tienda ::-webkit-scrollbar{width:8px;height:8px}
#apartado.es-tienda ::-webkit-scrollbar-track{background:#2c1f35;border-radius:8px}
#apartado.es-tienda ::-webkit-scrollbar-thumb{background:#c879b7;border-radius:8px}