/* Picao Jump — Tienda de cosméticos v3 */
.pj-ico { width:1em; height:1em; display:inline-block; vertical-align:-.14em; flex:0 0 auto; }
.tienda-tile .lb-ico svg { width:100%; height:100%; }

/* ═════════ MARCOS (se usan en tienda, perfil, ranking y amigos) ═════════ */
.pj-av { display:inline-flex; flex:0 0 auto; border-radius:50%; }
.pj-av.grande { width:46px; height:46px; }
.pj-av.grande > img { width:100%; height:100%; object-fit:cover; }
.pj-deco { position:relative; overflow:visible !important; border-radius:50%; --m1:#ff8a3d; --m2:#b93c05; --mw:3px; --vel:9s; }
.pj-deco > img { border-radius:50%; }
.pj-deco[data-marco] { border-color:var(--m1) !important; }
.profile-avatar-frame.pj-deco { --bw:4px; --mw:4px; }
.pj-deco::before {
  content:""; position:absolute; inset:calc(var(--bw,0px) * -1); border-radius:50%; padding:var(--mw);
  background:conic-gradient(var(--m1), var(--m2), var(--m1));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; z-index:3; animation:pj-giro var(--vel) linear infinite;
}
.pj-deco[data-mt="brasa"] { animation:pj-latido 3.2s ease-in-out infinite; }
.pj-deco[data-mt="llama"] { --vel:3.4s; --mw:4px; animation:pj-latido 1.4s ease-in-out infinite; }
.pj-deco[data-mt="llama"]::before { background:conic-gradient(#ffd23f, #ff3d00, #ff9a1f, #ff2d00, #ffd23f); }
.pj-deco[data-mt="corona"] { --vel:16s; --mw:5px; animation:pj-latido 2.6s ease-in-out infinite; }
.pj-deco[data-mt="corona"]::before { background:repeating-conic-gradient(var(--m1) 0 8deg, var(--m2) 8deg 16deg); }
.pj-deco[data-mt="llama"]::after, .pj-deco[data-mt="corona"]::after {
  content:""; position:absolute; inset:calc(var(--bw,0px) * -1); border-radius:50%; pointer-events:none; z-index:4;
  background:radial-gradient(circle at 50% 2%, #fff 0 1.5px, rgba(255,255,255,0) 4.5px); animation:pj-giro 2.6s linear infinite;
}
@keyframes pj-giro { to { transform:rotate(360deg); } }
@keyframes pj-latido {
  0%,100% { box-shadow:0 0 6px -1px var(--m1); }
  50% { box-shadow:0 0 16px 1px var(--m1); }
}

/* ═════════ TÍTULOS ═════════ */
.pj-titulo { display:inline-flex; align-items:center; gap:5px; padding:4px 10px 4px 8px; border-radius:999px; font-family:'Montserrat',sans-serif; font-size:10px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; line-height:1; white-space:nowrap; border:1.5px solid var(--tb); color:var(--tt); background:var(--tf); position:relative; overflow:hidden; }
.pj-titulo .pj-ico { font-size:12px; }
.pj-titulo b { font-weight:800; }
.pj-titulo.mini { font-size:8px; padding:3px 7px 3px 6px; gap:4px; }
.pj-titulo.mini .pj-ico { font-size:9px; }
.pj-titulo.r-comun { --tb:#3d6b4f; --tt:#d4efdc; --tf:linear-gradient(135deg,#1c3a28,#27513a); }
.pj-titulo.r-raro { --tb:#38bdf8; --tt:#d3f0ff; --tf:linear-gradient(135deg,#0b3550,#0f5578); }
.pj-titulo.r-epico { --tb:#c084fc; --tt:#f0e0ff; --tf:linear-gradient(135deg,#361a5e,#59308f); }
.pj-titulo.r-legendario { --tb:#fbbf24; --tt:#fff6d0; --tf:linear-gradient(135deg,#7a4600,#c98a00); box-shadow:0 0 12px -2px #fbbf24; }
.pj-titulo.r-legendario::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%); transform:translateX(-120%); animation:pj-brillo 3.2s ease-in-out infinite; }
@keyframes pj-brillo { 0%,55% { transform:translateX(-120%); } 100% { transform:translateX(120%); } }
.tienda-titulo-equipado { display:flex; justify-content:center; margin-top:7px; }
.tienda-titulo-equipado:empty { display:none; }
.podio-titulo, .pos-titulo { display:flex; justify-content:center; margin-top:3px; }
.pos-fila-nombre .pj-titulo { margin-left:6px; vertical-align:middle; }

/* chip de saldo del lobby (junto a la racha): mismo lenguaje que .rk-chip */
.pj-saldo-chip { position:fixed; z-index:30; display:none; align-items:center; gap:.45em; padding:0 .95em 0 .5em; border-radius:999px; border:0; cursor:pointer; color:#fff; font:800 1em 'Montserrat',system-ui,sans-serif; line-height:1; background:linear-gradient(135deg,#ff7a00,#f0390f); box-shadow:0 0 12px rgba(255,110,20,.7); -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.pj-saldo-chip .pj-ico { width:1.7em; height:1.7em; filter:drop-shadow(0 1px 1px rgba(90,29,8,.55)); }
.pj-saldo-chip b { font-weight:800; font-size:1em; letter-spacing:0; }
.pj-saldo-chip:active { transform:scale(.94); }

/* ═════════ VENTANA (mismo lenguaje que Racha y Clasificación) ═════════ */
.tienda-overlay { position:fixed; inset:0; z-index:1200; background:rgba(20,8,4,.7); backdrop-filter:blur(7px); align-items:center; justify-content:center; padding:62px 14px 18px; overflow-y:auto; }
.tienda-panel { position:relative; width:min(470px,100%); max-height:min(88vh,860px); display:flex; flex-direction:column; font-family:'Montserrat',sans-serif; color:#ffe9cf; border-radius:28px;
  background:radial-gradient(120% 60% at 50% 0%, rgba(240,67,15,.22), transparent 60%), linear-gradient(180deg,#4a1508,#2a0c05);
  border:3px solid transparent; background-clip:padding-box; box-shadow:0 0 0 3px #d4912a, 0 0 0 6px rgba(234,88,4,.55), 0 30px 80px #000b, 0 0 50px -8px rgba(240,67,15,.6); }
.tienda-badge { position:absolute; top:-46px; left:50%; width:84px; height:84px; margin-left:-42px; border-radius:50%; border:4px solid #fff; background:linear-gradient(160deg,#ff9a1f,#f0430f); display:grid; place-items:center; box-shadow:0 8px 20px -4px #000a, 0 0 24px rgba(255,140,0,.55); z-index:2; }
.tienda-badge svg { width:46px; height:46px; }
.tienda-cerrar { position:absolute; top:-14px; right:-10px; z-index:3; width:38px; height:38px; border-radius:50%; border:3px solid #fff; background:#d62d3b; color:#fff; font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 4px 10px #0007; }
.tienda-cerrar:active { transform:scale(.94); }
.tienda-scroll { overflow-y:auto; padding:52px 18px 18px; border-radius:25px; scrollbar-width:thin; scrollbar-color:#8a3a14 transparent; }
.tienda-titulo { margin:0; text-align:center; font-family:'CatComic','Montserrat',sans-serif; font-weight:400; font-size:38px; letter-spacing:1px; line-height:1; color:#fff; text-shadow:0 3px 0 #f0430f, 0 0 18px rgba(255,140,0,.55); }
.tienda-subtitle { margin:8px 0 16px; text-align:center; font-size:10.5px; font-weight:800; letter-spacing:1.4px; color:#d9ab86; }
.tienda-wallet { display:flex; justify-content:space-between; align-items:center; padding:11px 16px; border-radius:16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); margin-bottom:10px; }
.tw-label { display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:800; color:#ffe2c2; }
.tw-label .pj-ico { font-size:28px; filter:drop-shadow(0 2px 0 rgba(0,0,0,.35)); }
.tienda-wallet strong { font-family:'CatComic','Montserrat',sans-serif; font-weight:400; font-size:30px; letter-spacing:.5px; color:#fff; text-shadow:0 2px 0 #f0430f; }

/* tu look */
.tienda-look { padding:12px; border-radius:16px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.07); margin-bottom:14px; }
.look-top { display:flex; align-items:center; gap:14px; padding:4px 4px 12px; }
.look-foto { width:54px; height:54px; border:3px solid #EA5804; background:#fff; }
.look-foto > img { width:100%; height:100%; object-fit:cover; }
.look-quien { display:flex; flex-direction:column; gap:6px; min-width:0; align-items:flex-start; }
.look-nombre { font-family:'CatComic','Montserrat',sans-serif; font-weight:400; font-size:21px; letter-spacing:.4px; color:#fff; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.look-titulo em { font-style:normal; font-size:11px; font-weight:700; color:#a98466; }
.look-slots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.look-slot { display:grid; grid-template-columns:40px minmax(0,1fr); gap:7px 8px; align-items:center; padding:9px; border-radius:12px; background:rgba(255,255,255,.05); border:1px dashed rgba(255,255,255,.16); min-width:0; }
.look-slot.lleno { border-style:solid; border-color:rgba(255,150,60,.55); background:rgba(240,67,15,.13); }
.look-mini { position:relative; width:40px; height:40px; border-radius:10px; overflow:hidden; display:grid; place-items:center; background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--rc) 28%,#2a0c05), #1d0a04 80%); border:1px solid rgba(255,255,255,.08); }
.look-mini .pj-av.grande { width:26px; height:26px; --mw:2.5px; }
.look-mini .tienda-icono-titulo { width:26px; height:26px; font-size:15px; border-radius:8px; }
.look-mini .pj-plat { height:3px; bottom:14%; }
.look-mini .pj-plat::after { width:8px; height:8px; margin-left:-4px; bottom:3px; }
.look-vacio { color:#6e5240; font-size:18px; display:grid; place-items:center; }
.look-side { display:flex; flex-direction:column; gap:3px; min-width:0; }
.look-side small { font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#c99a78; }
.look-slot b { grid-column:1/-1; font-size:12px; font-weight:800; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.look-slot:not(.lleno) b { color:#8b6a54; font-weight:700; }
.look-quitar { align-self:flex-start; padding:0; border:0; background:none; color:#ffb067; font:800 10.5px 'Montserrat',sans-serif; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.look-quitar.vacio { color:#6e5240; text-decoration:none; cursor:default; }

/* orden y rareza */
.tienda-filtros { display:grid; grid-template-columns:1.5fr 1fr; gap:8px; margin-bottom:12px; }
.tienda-filtros label { display:flex; flex-direction:column; gap:4px; font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#c99a78; min-width:0; }
.tienda-filtros select { width:100%; appearance:none; -webkit-appearance:none; padding:10px 30px 10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.28) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffb067' stroke-width='2' stroke-linecap='round' d='M2.500 4.500 6 8l3.500-3.500'/%3E%3C/svg%3E") no-repeat right 11px center/12px; color:#ffe9cf; font:700 12px 'Montserrat',sans-serif; text-transform:none; letter-spacing:0; cursor:pointer; }
.tienda-filtros select:focus { outline:none; border-color:#ff8a3d; }
.tienda-filtros option { background:#2a0c05; color:#ffe9cf; }

/* pestañas (como Local / Nacional / Global) */
.tienda-tabs { display:flex; gap:2px; padding:4px; margin-bottom:14px; border-radius:16px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.08); }
.tienda-tabs button { flex:1; border:0; background:transparent; color:#d3ad8e; padding:10px 2px; border-radius:12px; font:800 12px 'Montserrat',sans-serif; cursor:pointer; transition:all .2s; }
.tienda-tabs button.activo { color:#fff; background:linear-gradient(135deg,#f0430f,#ffa828); box-shadow:0 3px 10px -2px rgba(240,67,15,.7); }
.tienda-aviso { display:none; padding:10px 13px; border-radius:12px; margin:0 0 12px; font-size:12.5px; font-weight:700; text-align:center; }
.tienda-aviso.visible { display:block; background:rgba(74,222,128,.14); color:#a7f3c0; border:1px solid rgba(74,222,128,.35); }
.tienda-aviso.error { background:rgba(248,113,113,.14); color:#fecaca; border-color:rgba(248,113,113,.4); }

/* lista */
.tienda-list { display:flex; flex-direction:column; gap:9px; }
.tienda-seccion { margin:10px 2px 1px; font-size:10.5px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:#d9ab86; display:flex; align-items:center; gap:10px; }
.tienda-seccion::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(217,171,134,.4),transparent); }
.tienda-seccion:first-child { margin-top:0; }
.tienda-item { --rc:#9fc4ab; display:grid; grid-template-columns:68px minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px; border-radius:16px; background:rgba(255,255,255,.06); border:1.5px solid rgba(255,255,255,.08); }
.tienda-item.equipado { border-color:#ff8a3d; background:rgba(240,67,15,.14); box-shadow:0 0 18px -6px rgba(255,138,61,.7); }
.tienda-prev { position:relative; width:68px; height:68px; border-radius:13px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--rc) 26%,#2a0c05), #1d0a04 78%); border:1px solid rgba(255,255,255,.07); }
.tienda-icono-titulo { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:var(--rc); background:color-mix(in srgb,var(--rc) 16%,transparent); border:1.5px solid color-mix(in srgb,var(--rc) 60%,transparent); font-size:22px; }
.tienda-info { min-width:0; }
.tienda-meta { display:flex; align-items:center; gap:7px; font-size:9px; text-transform:uppercase; letter-spacing:.8px; font-weight:800; }
.tienda-rareza { color:var(--rc); }
.tienda-tag { padding:2px 6px; border-radius:6px; background:#f0430f; color:#fff; font-size:8px; letter-spacing:.6px; }
.tienda-tag.suyo { background:rgba(255,255,255,.12); color:#e8cdb4; }
.tienda-item h3 { margin:3px 0 2px; font-size:14px; line-height:1.2; font-weight:800; color:#fff; }
.tienda-item p { margin:0; color:#c9a58c; font-size:11px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tienda-accion { min-width:92px; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:0; border-radius:12px; padding:11px 12px; color:#fff; font-family:'CatComic','Montserrat',sans-serif; font-size:15px; letter-spacing:.5px; cursor:pointer; background:linear-gradient(135deg,#f0430f,#ffa828); box-shadow:0 3px 0 #5a1d08; text-shadow:0 2px 0 rgba(90,29,8,.55); transition:transform .1s; }
.tienda-accion:active { transform:translateY(2px); box-shadow:0 1px 0 #5a1d08; }
.tienda-accion .mini-coin { font-size:19px; filter:drop-shadow(0 1px 0 rgba(90,29,8,.55)); }
.tienda-accion.quitar { background:transparent; border:2px solid rgba(255,255,255,.28); box-shadow:none; text-shadow:none; color:#ffd9b5; font-family:'Montserrat',sans-serif; font-size:12px; font-weight:800; padding:9px 12px; }
.tienda-accion.confirmar { background:linear-gradient(135deg,#ffd23f,#ffa828); color:#4a2000; text-shadow:none; animation:pj-latido 1s ease-in-out infinite; --m1:#ffd23f; }
.tienda-accion.corto, .tienda-accion:disabled { background:rgba(255,255,255,.07); color:#9d7d66; box-shadow:none; text-shadow:none; cursor:not-allowed; font-family:'Montserrat',sans-serif; font-size:11px; font-weight:800; }
.tienda-vacio { text-align:center; padding:32px 16px; color:#c9a58c; background:rgba(255,255,255,.04); border:1px dashed rgba(255,255,255,.2); border-radius:16px; font-weight:600; font-size:12.5px; line-height:1.5; }
.tienda-footer { color:#a98466; font-size:10.5px; text-align:center; padding-top:16px; font-weight:600; }

/* vista previa de estelas */
.pj-estela { position:absolute; inset:0; }
.pj-estela i { position:absolute; left:var(--x); bottom:26%; width:var(--s); height:var(--s); border-radius:50%; background:var(--c); opacity:0; animation:pj-sube var(--d) ease-out infinite; animation-delay:var(--dl); }
.pj-estela.t-estrella i { border-radius:0; width:calc(var(--s) * 2.2); height:calc(var(--s) * 2.2); clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); }
.pj-estela.t-llama i { border-radius:50% 50% 50% 50% / 62% 62% 38% 38%; box-shadow:0 0 7px var(--c); }
.pj-estela.t-arco i { box-shadow:0 0 7px var(--c); }
.pj-estela.t-cae i { bottom:auto; top:20%; animation-name:pj-cae; }
.pj-plat { position:absolute; left:20%; right:20%; bottom:16%; height:4px; border-radius:4px; background:rgba(255,255,255,.22); }
.pj-plat::after { content:""; position:absolute; left:50%; bottom:4px; width:11px; height:11px; margin-left:-5.5px; border-radius:50% 50% 50% 50% / 60% 60% 40% 40%; background:#f0630f; box-shadow:0 0 10px #f0630f; }

/* ── Estelas PRO: vista previa ── */
.pj-estela.pro i { border-radius:50%; width:var(--s); height:var(--s); }
.pj-estela.pro.f-corazon i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21C4 14.500 2 10.500 2 7.500A5 5 0 0 1 12 6a5 5 0 0 1 10 1.500c0 3-2 7-10 13.500z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21C4 14.500 2 10.500 2 7.500A5 5 0 0 1 12 6a5 5 0 0 1 10 1.500c0 3-2 7-10 13.500z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-estrella i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l3 7.500 8 .7-6 5.300 1.900 8L12 18.300 5.100 22.500l1.900-8-6-5.300 8-.7z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l3 7.500 8 .7-6 5.300 1.900 8L12 18.300 5.100 22.500l1.900-8-6-5.300 8-.7z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-rayo i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 1 4 14h6l-1 9 10-14h-6z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 1 4 14h6l-1 9 10-14h-6z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-rombo i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l8 11-8 11-8-11z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l8 11-8 11-8-11z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-petalo i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='11' ry='6' transform='rotate(-35 12 12)'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='11' ry='6' transform='rotate(-35 12 12)'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-copo i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v22h-2zM1.500 6.500l1-1.700 19 11-1 1.700zM21.500 6.500l-1-1.700-19 11 1 1.700z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 1h2v22h-2zM1.500 6.500l1-1.700 19 11-1 1.700zM21.500 6.500l-1-1.700-19 11 1 1.700z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-chile i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8c4-3 10-2 17 10-7-3-12-2-17-4z'/%3E%3Ccircle cx='4' cy='9' r='2.200'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8c4-3 10-2 17 10-7-3-12-2-17-4z'/%3E%3Ccircle cx='4' cy='9' r='2.200'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-anillo i { border-radius:0; width:calc(var(--s) * 2); height:calc(var(--s) * 2); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm0 4a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm0 4a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3C/svg%3E") center/contain no-repeat; }
.pj-estela.pro.f-chispa i { border-radius:0; width:calc(var(--s) * 2.2); height:calc(var(--s) * 2.2); clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); }
.pj-estela.pro.f-cuadro i { border-radius:1px; }
.pj-estela.pro.f-humo i { width:calc(var(--s) * 2.6); height:calc(var(--s) * 2.6); filter:blur(2px); animation-name:pj-humo; }
.pj-estela.pro.p-glow { filter:drop-shadow(0 0 4px var(--glow)) saturate(1.15); }
.pj-estela.pro.p-cae i { bottom:auto; top:20%; animation-name:pj-cae; }
.pj-estela.pro.p-giro i { animation-name:pj-sube-giro; }
.pj-estela.pro.p-giro.p-cae i { animation-name:pj-cae-giro; }
.pj-estela.pro.p-par i { animation-name:pj-sube-par; }
.pj-estela.pro.p-radial i { bottom:44%; animation-name:pj-estalla; }
@keyframes pj-sube-giro { 0% { opacity:0; transform:translateY(0) rotate(0) scale(1); } 15% { opacity:1; } 100% { opacity:0; transform:translate(var(--dx),-34px) rotate(300deg) scale(.35); } }
@keyframes pj-cae-giro { 0% { opacity:0; transform:translateY(0) rotate(0) scale(1); } 15% { opacity:1; } 100% { opacity:0; transform:translate(var(--dx),34px) rotate(300deg) scale(.4); } }
@keyframes pj-sube-par { 0% { opacity:0; transform:translateY(0) scale(1); } 20% { opacity:1; } 35% { opacity:.3; } 50% { opacity:1; } 70% { opacity:.4; } 100% { opacity:0; transform:translate(var(--dx),-34px) scale(.4); } }
@keyframes pj-humo { 0% { opacity:0; transform:translateY(0) scale(.5); } 20% { opacity:.55; } 100% { opacity:0; transform:translate(var(--dx),-30px) scale(1.5); } }
@keyframes pj-estalla { 0% { opacity:0; transform:translate(0,0) scale(.4); } 15% { opacity:1; } 100% { opacity:0; transform:translate(var(--dx),var(--dy)) scale(.3); } }
@keyframes pj-sube { 0% { opacity:0; transform:translateY(0) scale(1); } 15% { opacity:1; } 100% { opacity:0; transform:translate(var(--dx),-34px) scale(.35); } }
@keyframes pj-cae { 0% { opacity:0; transform:translateY(0) scale(1); } 15% { opacity:1; } 100% { opacity:0; transform:translate(var(--dx),34px) scale(.4); } }

@media (prefers-reduced-motion:reduce) { .pj-deco, .pj-deco::before, .pj-deco::after, .pj-titulo::after, .pj-estela i, .tienda-accion.confirmar { animation:none !important; } .pj-estela i { opacity:.8; } }
@media (max-width:440px) {
  .tienda-overlay { padding:60px 10px 12px; }
  .tienda-scroll { padding:50px 13px 14px; }
  .tienda-item { grid-template-columns:60px minmax(0,1fr); }
  .tienda-prev { width:60px; height:60px; }
  .tienda-accion { grid-column:1/-1; width:100%; }
  .look-slots { gap:6px; }
}

/* ═════════ v4 · MARCO CON IMAGEN PROPIA (PNG con centro transparente) ═════════ */
.pj-deco[data-mt="imagen"] { animation:none; border-color:transparent !important; }
.pj-deco[data-mt="imagen"]::before { inset:calc((1 - var(--mesc, 1.3)) * 50%); padding:0; border-radius:0; background:var(--mimg) center/contain no-repeat; -webkit-mask:none; mask:none; animation:none; z-index:3; }
.pj-deco[data-mt="anillo"] { --vel:9s; }

/* ═════════ v4 · FORMATOS DE TÍTULO ═════════ */
.pj-titulo.custom { --tb:var(--tc1); --tt:#fff; --tf:linear-gradient(135deg,color-mix(in srgb,var(--tc1) 38%,#140602),color-mix(in srgb,var(--tc2,var(--tc1)) 58%,#140602)); }
.pj-t-ico { width:1.2em; height:1.2em; object-fit:contain; flex:0 0 auto; }
.pj-titulo.f-texto { background:none; border-color:transparent; padding-left:0; padding-right:0; color:var(--tc1,var(--tt)); box-shadow:none; }
.pj-titulo.f-texto.custom b { background:linear-gradient(90deg,var(--tc1),var(--tc2,var(--tc1))); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pj-titulo.f-neon { background:rgba(10,4,2,.88); border-color:var(--tc1,var(--tb)); color:var(--tc1,var(--tt)); text-shadow:0 0 6px var(--tc1,var(--tt)), 0 0 14px var(--tc1,var(--tt)); box-shadow:0 0 10px -1px var(--tc1,var(--tb)), inset 0 0 8px -3px var(--tc1,var(--tb)); }
.pj-titulo.banner { border:0; padding:0 16px; height:28px; box-sizing:border-box; background:var(--timg) center/100% 100% no-repeat; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.85); }
.pj-titulo.banner.mini { height:18px; padding:0 10px; }
.pj-titulo-img { display:inline-flex; vertical-align:middle; }
.pj-titulo-img img { height:28px; width:auto; display:block; }
.pj-titulo-img.mini img { height:18px; }
.pj-titulo.anim-brillo::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%); transform:translateX(-120%); animation:pj-brillo 3.2s ease-in-out infinite; }
.pj-titulo.anim-pulso { animation:pj-pulso-t 1.6s ease-in-out infinite; }
@keyframes pj-pulso-t { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.35); } }
.tienda-titulo-muestra { margin-top:7px; }

/* ═════════ v4 · EDICIÓN LIMITADA ═════════ */
.tienda-lims { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.tienda-lim { display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border-radius:999px; font-size:9.5px; font-weight:800; letter-spacing:.3px; line-height:1; }
.tienda-lim em { font-style:normal; font-variant-numeric:tabular-nums; }
.tienda-lim .pj-ico { font-size:11px; }
.tienda-lim.tiempo { background:rgba(251,191,36,.16); color:#fde68a; border:1px solid rgba(251,191,36,.45); }
.tienda-lim.cupo { background:rgba(56,189,248,.14); color:#bae6fd; border:1px solid rgba(56,189,248,.4); }
.tienda-lim.cupo.ultimos { background:rgba(248,113,113,.16); color:#fecaca; border-color:rgba(248,113,113,.5); }
.tienda-seccion.lim { color:#fbbf24; }
.tienda-tag.retirado { background:rgba(148,163,184,.18); color:#cbd5e1; border:1px solid rgba(148,163,184,.4); }

/* aviso discreto de chiles ganados */
.pj-aviso-chiles { position:fixed; z-index:2600; left:50%; top:max(env(safe-area-inset-top),10px); transform:translate(-50%,-160%); opacity:0; pointer-events:none; display:flex; align-items:center; gap:6px; padding:6px 14px 6px 8px; border-radius:999px; background:rgba(28,12,6,.82); box-shadow:0 4px 14px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,150,50,.4); color:#fff; font:800 13px 'Montserrat',system-ui,sans-serif; line-height:1; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:transform .35s cubic-bezier(.2,1.1,.4,1), opacity .25s ease; }
.pj-aviso-chiles.in { transform:translate(-50%,0); opacity:1; }
.pj-aviso-chiles .pj-ico { width:20px; height:20px; filter:drop-shadow(0 1px 1px rgba(90,29,8,.55)); }
.pj-aviso-chiles b { color:#ffc83d; font-weight:800; }
.pj-aviso-chiles span { font-weight:700; font-size:11px; opacity:.8; }

/* Marcos PNG en el perfil: sin borde propio del contenedor, así el marco se ajusta exactamente al borde de la foto */
.profile-avatar-frame.pj-deco[data-mt="imagen"] { border-width:0 !important; }

/* Marcos PNG: el contenedor y la foto no aportan borde, fondo ni sombra propios (si no, se ve un aro blanco entre la foto y el marco) */
.pj-deco[data-mt="imagen"] { border:0 !important; background:transparent !important; box-shadow:none !important; outline:0 !important; padding:0 !important; }
.pj-deco[data-mt="imagen"] > img { border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; border-radius:50%; }

/* Avatar del botón "Mi perfil" del lobby con marco */
.pj-lobbyav { width:calc(36 * var(--u, 1px)); height:calc(36 * var(--u, 1px)); margin:0 calc(3 * var(--u, 1px)); }
.pj-lobbyav > img { width:100% !important; height:100% !important; border-radius:50% !important; object-fit:cover !important; }

/* ═════════ Tienda v5: "Tu look" renovado, marcos sin foto + ojito, estado "Adquirido" ═════════ */
.pj-prev-foto { display:none; }
.tienda-item.ver .pj-prev-foto { display:block; }
.tienda-prev.cat-marco .pj-av.grande { width:44px; height:44px; }
.tienda-ojo { position:absolute; right:4px; bottom:4px; z-index:5; width:24px; height:24px; padding:0; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; background:rgba(0,0,0,.55); color:#ffd9b5; transition:background .15s, color .15s, transform .1s; -webkit-tap-highlight-color:transparent; }
.tienda-ojo svg { width:14px; height:14px; }
.tienda-ojo:active { transform:scale(.9); }
.tienda-item.ver .tienda-ojo { background:#f0430f; color:#fff; }

.tienda-accion.adquirido, .tienda-accion.adquirido:disabled { background:rgba(110,210,140,.12); color:#a6e8b4; border:1.5px solid rgba(110,210,140,.32); box-shadow:none; text-shadow:none; cursor:default; font-family:'Montserrat',sans-serif; font-size:12px; font-weight:800; letter-spacing:.2px; padding:9px 12px; }
.tienda-accion.adquirido .pj-ico { width:14px; height:14px; }

.tienda-look { padding:14px 12px 12px; border-radius:20px; background:linear-gradient(165deg, rgba(255,140,60,.14), rgba(0,0,0,.28) 70%); border:1px solid rgba(255,255,255,.08); }
.look-top { padding:0 2px 12px; gap:14px; }
.look-foto { width:60px; height:60px; }
.look-quien { gap:3px; }
.look-kicker { font-size:9px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#d9a77f; }
.look-nombre { font-size:22px; }
.look-slots { gap:8px; }
.look-slot { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:12px 6px 10px; border-radius:16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.04); }
.look-slot:not(.lleno) { border-style:dashed; border-color:rgba(255,255,255,.16); background:transparent; }
.look-slot.lleno { border-color:color-mix(in srgb, var(--rc) 65%, transparent); background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 20%, transparent), rgba(0,0,0,.12)); }
.look-mini { width:56px; height:56px; border-radius:14px; }
.look-mini .pj-av.grande { width:32px; height:32px; }
.look-mini .tienda-icono-titulo { width:32px; height:32px; font-size:18px; }
.look-slot small { font-size:8.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:#c99a78; margin-top:2px; }
.look-slot b { grid-column:auto; width:100%; font-size:11.5px; line-height:1.2; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.look-slot:not(.lleno) b { font-size:11px; }
.look-x { position:absolute; top:5px; right:5px; width:20px; height:20px; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.4); color:#ffd9b5; font:700 14px/1 'Montserrat',sans-serif; cursor:pointer; display:grid; place-items:center; transition:background .15s; }
.look-x:hover, .look-x:active { background:#f0430f; color:#fff; }

/* Sub-pestañas dentro de "Míos" */
.tienda-list .mios-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:4px; margin:0 0 10px; border-radius:14px; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.07); }
.mios-tabs button { display:flex; align-items:center; justify-content:center; gap:6px; padding:8px 4px; border:0; border-radius:10px; background:transparent; color:#d9b79c; font:800 12px 'Montserrat',sans-serif; cursor:pointer; transition:background .15s, color .15s; -webkit-tap-highlight-color:transparent; }
.mios-tabs button em { font-style:normal; font-size:10px; min-width:16px; padding:1px 5px; border-radius:99px; background:rgba(255,255,255,.1); color:#e8cdb4; }
.mios-tabs button.activo { background:linear-gradient(135deg,#f0430f,#ffa828); color:#fff; box-shadow:0 2px 0 #5a1d08; }
.mios-tabs button.activo em { background:rgba(0,0,0,.25); color:#fff; }

/* ═════════ Personajes jugables ═════════ */
.pj-pers { display:grid; place-items:center; width:100%; height:100%; }
.pj-pers-img { max-width:74%; max-height:76%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 3px 4px rgba(0,0,0,.45)); pointer-events:none; }
.look-slots.una { grid-template-columns:1fr; margin-bottom:8px; }
.look-slots.una .look-slot { flex-direction:row; text-align:left; gap:12px; padding:10px 14px; }
.look-slots.una .look-slot b { width:auto; flex:1; font-size:13px; }
.look-slots.una .look-slot small { margin:0; }
.look-slots.una .look-mini { width:64px; height:64px; flex:0 0 auto; }
.look-mini .pj-pers-img { max-width:78%; max-height:78%; }
/* Categorías con scroll horizontal (Todo, Personajes, Marcos…): los botones ya no se aprietan, se desliza */
.tienda-tabs { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-behavior:smooth; touch-action:pan-x; padding-bottom:8px; scrollbar-width:thin; scrollbar-color:#ff8a3d rgba(0,0,0,.3); }
.tienda-tabs::-webkit-scrollbar { display:block; height:5px; }
.tienda-tabs::-webkit-scrollbar-track { background:rgba(0,0,0,.3); border-radius:99px; margin:0 10px; }
.tienda-tabs::-webkit-scrollbar-thumb { background:linear-gradient(90deg,#f0430f,#ffa828); border-radius:99px; }
.tienda-tabs button { flex:0 0 auto; scroll-snap-align:center; padding-left:14px; padding-right:14px; white-space:nowrap; font-size:11.5px; }
.tienda-list .mios-tabs { grid-template-columns:repeat(auto-fit,minmax(92px,1fr)); }


/* ───────────── Pestaña Fueguito (ropa dentro de la partida) ───────────── */
.tienda-modos { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin-bottom:12px; border-radius:16px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.08); }
.tienda-modos button { border:0; background:transparent; color:#d3ad8e; padding:11px 6px; border-radius:12px; font:800 13px 'Montserrat',sans-serif; letter-spacing:.3px; cursor:pointer; transition:all .2s; }
.tienda-modos button.activo { color:#fff; background:linear-gradient(135deg,#f0430f,#ffa828); box-shadow:0 3px 10px -2px rgba(240,67,15,.7); }
.tienda-fue { display:none; }
.tienda-modo-fue .tienda-fue { display:block; }
.tienda-modo-fue #tiendaLook, .tienda-modo-fue .tienda-tabs { display:none; }
.fue-escena { position:relative; height:170px; margin-bottom:8px; border-radius:20px; overflow:hidden; background:radial-gradient(ellipse at 50% 78%, rgba(255,140,60,.34), rgba(0,0,0,.30) 72%); border:1px solid rgba(255,255,255,.08); }
.fue-escena canvas { display:block; width:100%; height:100%; }
.fue-estado { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:34px; padding:4px 4px 10px; color:#d9b79c; font-size:11.5px; font-weight:600; }
.fue-estado b { color:#fff; }
.fue-estado button { flex:0 0 auto; border:1.5px solid rgba(255,255,255,.28); background:transparent; color:#ffd9b5; padding:6px 10px; border-radius:10px; font:800 11px 'Montserrat',sans-serif; cursor:pointer; }
.fue-tabs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(78px,1fr); overflow-x:auto; scrollbar-width:none; gap:6px; padding:4px; margin:0 0 12px; border-radius:14px; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.07); }
.fue-miniatura { max-width:88%; max-height:80%; object-fit:contain; filter:drop-shadow(0 2px 0 rgba(0,0,0,.4)); }
.tienda-prev.cat-ropa_cara .fue-miniatura { max-width:96%; }
.fue-tabs::-webkit-scrollbar { display:none; }
/* Minifigura que demuestra cada rayo en la lista de la tienda y del admin */
.fue-ray { position:relative; display:block; width:46px; height:46px; overflow:hidden; border-radius:12px; }
.fue-ray i { position:absolute; inset:7px 10px 5px; border-radius:50% 50% 46% 46%; background:radial-gradient(circle at 36% 30%, #ffd27a, #ff7a1a 55%, #d6360a); }
.fue-ray::after { content:''; position:absolute; pointer-events:none; }
.ry-relampagos::after { inset:3px 14px; background:var(--c,#22d3ee); clip-path:polygon(55% 0,20% 52%,48% 52%,30% 100%,80% 42%,52% 42%); filter:drop-shadow(0 0 3px var(--c,#22d3ee)); animation:ry-flash 1.1s steps(1) infinite; }
.ry-arco::after { inset:3px; border-radius:50%; border:2px dashed var(--c,#facc15); filter:drop-shadow(0 0 3px var(--c,#facc15)); animation:ry-giro 2s linear infinite; }
.ry-lineas::after { inset:7px 10px 5px; border-radius:50% 50% 46% 46%; background:repeating-linear-gradient(90deg, transparent 0 6px, var(--c,#a78bfa) 6px 7px); animation:ry-sube .9s linear infinite; }
.ry-escaner::after { left:8px; right:8px; height:2px; background:var(--c,#4ade80); box-shadow:0 0 6px var(--c,#4ade80); animation:ry-barre 1.4s linear infinite; }
.ry-grietas::after { inset:7px 10px 5px; border-radius:50% 50% 46% 46%; background:linear-gradient(115deg, transparent 46%, var(--c,#fff1c2) 47% 49%, transparent 50%), linear-gradient(65deg, transparent 46%, var(--c,#fff1c2) 47% 49%, transparent 50%); animation:ry-puls 1.3s ease-in-out infinite alternate; }
.ry-espiral::after { inset:3px 4px; border-radius:50%; border:2px solid var(--c,#f472b6); border-left-color:transparent; border-bottom-color:transparent; filter:drop-shadow(0 0 3px var(--c,#f472b6)); animation:ry-giro 1.2s linear infinite; }
@keyframes ry-flash { 0%,40%,100% { opacity:0; } 8% { opacity:1; } 14% { opacity:.2; } 20% { opacity:1; } 34% { opacity:.9; } }
@keyframes ry-giro { to { transform:rotate(360deg); } }
@keyframes ry-sube { from { transform:translateY(7px); opacity:.2; } 50% { opacity:1; } to { transform:translateY(-7px); opacity:.2; } }
@keyframes ry-barre { from { top:7px; } to { top:38px; } }
@keyframes ry-puls { from { opacity:.25; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .fue-ray::after { animation:none !important; } }
/* Minifigura que demuestra cada efecto de movimiento en la lista de la tienda y del admin */
.fue-efx { position:relative; display:block; width:46px; height:46px; }
.fue-efx i { position:absolute; inset:7px 10px 5px; border-radius:50% 50% 46% 46%; background:radial-gradient(circle at 36% 30%, #ffd27a, #ff7a1a 55%, #d6360a); }
.fx-respirar i { transform-origin:50% 100%; animation:fx-resp 2.4s ease-in-out infinite; }
.fx-latido i { animation:fx-lat 1s ease-in-out infinite; }
.fx-levitar i { animation:fx-lev 1.8s ease-in-out infinite; }
.fx-levitar::after { content:''; position:absolute; left:14px; right:14px; bottom:1px; height:4px; border-radius:50%; background:rgba(0,0,0,.35); }
.fx-ondas i { animation:fx-ond 1.2s ease-in-out infinite alternate; }
.fx-neon i { animation:fx-neo 1.6s ease-in-out infinite; }
.fx-arcoiris i { animation:fx-arc 3s linear infinite; }
.fx-glitch i { animation:fx-gli 2.2s steps(1) infinite; }
.fx-eco i { animation:fx-eco 1.4s ease-in-out infinite alternate; }
@keyframes fx-resp { 0%,100% { transform:scale(.97,1.04); } 50% { transform:scale(1.03,.96); } }
@keyframes fx-lat { 0%,40%,100% { transform:scale(1); } 12% { transform:scale(1.14); } 26% { transform:scale(.98); } }
@keyframes fx-lev { 0%,100% { transform:translateY(2px); } 50% { transform:translateY(-4px); } }
@keyframes fx-ond { from { transform:skewX(-7deg) scaleY(1); } to { transform:skewX(7deg) scaleY(1.05); } }
@keyframes fx-neo { 0%,100% { box-shadow:0 0 2px var(--c,#22d3ee), 0 0 4px var(--c,#22d3ee); } 50% { box-shadow:0 0 6px var(--c,#22d3ee), 0 0 16px var(--c,#22d3ee); } }
@keyframes fx-arc { to { filter:hue-rotate(360deg); } }
@keyframes fx-gli { 0%,86%,100% { transform:none; box-shadow:none; } 88% { transform:translateX(-4px); box-shadow:3px 0 0 #08f7fe, -3px 0 0 #ff2e63; } 92% { transform:translateX(4px) skewX(8deg); } 96% { transform:translateX(-2px); } }
@keyframes fx-eco { from { box-shadow:-5px 0 0 -1px rgba(255,122,26,.45), -10px 0 0 -2px rgba(255,122,26,.25); } to { box-shadow:-9px 0 0 -1px rgba(255,122,26,.45), -17px 0 0 -2px rgba(255,122,26,.25); } }
@media (prefers-reduced-motion:reduce) { .fue-efx i, .fue-efx::after { animation:none !important; } }
@media (max-width:520px) { .fue-tabs button { font-size:11.5px; padding-left:2px; padding-right:2px; } }
.fue-gota { display:block; width:56%; max-width:46px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 34% 28%, rgba(255,255,255,.6), rgba(255,255,255,0) 38%), linear-gradient(150deg, var(--c1), var(--c2)); box-shadow:inset 0 -3px 6px rgba(0,0,0,.28), 0 2px 0 rgba(0,0,0,.35); }
.fue-botones { display:flex; flex-direction:column; gap:6px; align-items:stretch; }
.fue-botones .tienda-accion { width:100%; }
.fue-probar.quitar { padding:7px 10px; font-size:11px; }
.fue-probar.on { background:rgba(255,255,255,.14); border-color:#ffd23f; color:#ffe27a; }
.tienda-item.probando { border-color:#ffd23f; }
@media (max-width:440px) {
  .fue-escena { height:160px; }
  .fue-item { grid-template-columns:60px minmax(0,1fr); }
  .fue-item .fue-botones { grid-column:1/-1; flex-direction:row; }
  .fue-item .fue-botones .tienda-accion { flex:1; width:auto; }
}