/* Pestaña 2: Votación final */

/* Tarjeta de identificación (nombre como en la cédula + equipo) */
.id-card{display:grid;gap:18px}
.id-head{display:flex;gap:16px;align-items:center}
.id-card .lock{width:48px;height:48px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;background:var(--gold);color:var(--gold-ink)}
.id-card .lock svg{width:24px;height:24px}
.id-card .info-txt b{color:var(--ink);font-weight:600}
.id-status:empty{display:none}
.id-status{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--maquina) 12%,transparent);border:1px solid color-mix(in srgb,var(--maquina) 40%,transparent)}
.ok-dot{width:9px;height:9px;border-radius:50%;background:var(--maquina);box-shadow:0 0 0 3px color-mix(in srgb,var(--maquina) 30%,transparent);flex:0 0 auto}

/* Categorías ya votadas */
.voted-tag{display:none;margin-left:6px}
.vote-cat.locked .voted-tag{display:inline-block}
.vote-cat.locked .finalists{opacity:.45}
/* Va antes de .fin:hover a propósito: así el hover sigue igual que en el diseño original */
.fin:disabled{cursor:not-allowed;transform:none}

/* Bloque de categoría con finalistas (también se usa en el panel del organizador) */
.vote-cat{display:grid;gap:16px;padding:24px;border-radius:var(--r);background:var(--panel);border:1px solid var(--stroke)}
.vote-head{display:flex;justify-content:space-between;gap:12px 20px;align-items:end;flex-wrap:wrap}
.vote-head h3{font:700 26px/1.05 var(--f-display);letter-spacing:-.035em;margin:8px 0 0}
.vote-head p{margin:0;color:var(--muted);max-width:44ch}
.finalists{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}

/* Tarjeta de finalista */
.fin{position:relative;border:1px solid var(--stroke);border-radius:18px;background:var(--bg);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .25s,box-shadow .25s,border-color .25s}
.fin:hover{transform:translateY(-3px);border-color:var(--stroke2)}
.fin:hover .photo img{transform:scale(1.05)}
.fin[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 24px 50px -20px var(--gold2)}
.photo{aspect-ratio:4/5;max-width:100%;display:grid;place-items:center;overflow:hidden;position:relative;
  background:radial-gradient(90% 70% at 30% 20%,color-mix(in srgb,var(--tc,var(--faint)) 55%,transparent),transparent 70%),linear-gradient(180deg,#1b1b25,#101017)}
.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.photo .ini{font:800 64px/1 var(--f-display);letter-spacing:-.06em;color:var(--ink);opacity:.9}
.fin .over{position:absolute;inset:auto 0 0 0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(5,5,9,.92));display:grid;gap:4px}
.fin .over b{font:700 17px/1.1 var(--f-display);letter-spacing:-.03em}
.fin .over small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.fin .over small .dot{background:var(--tc)}
.fin .pick{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;animation:pop2 .4s cubic-bezier(.3,1.6,.5,1)}
.fin .pick svg{width:16px;height:16px}
.fin .count{position:absolute;top:10px;left:10px;font:500 11px/1 var(--f-mono);padding:6px 9px;border-radius:999px;background:rgba(5,5,9,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@keyframes pop2{from{transform:scale(.3)}}