/* VOZ.PE — La Polla (Mundial). Theme-aware (light + dark via :root[data-theme=dark]). */

:root{
  --wc-row:#F5F7FA; --wc-row-hover:#ECF6EF;
  --wc-mine:#E2F5E9; --wc-mine-bd:#14532D; --wc-mine-fill:#BFE6CC;
  --wc-fill:#DCE9FB;
  --wc-foot:#FFF7E6; --wc-foot-bd:#F0C36D; --wc-foot-tx:#7A5200;
  --wc-green:#14532D; --wc-pick:#FFFFFF;
}
:root[data-theme="dark"]{
  --wc-row:#20242E; --wc-row-hover:#243026;
  --wc-mine:#16321F; --wc-mine-bd:#3FA968; --wc-mine-fill:#1E4A2D;
  --wc-fill:#26344C;
  --wc-foot:#2A2410; --wc-foot-bd:#5C4D1A; --wc-foot-tx:#F5D67A;
  --wc-green:#2E7D4F; --wc-pick:#20242E;
}

.wc-pilot-banner{background:#1A1A1A;color:#FFE08A;font-weight:800;font-size:.92rem;padding:10px 14px;border-radius:10px;margin:0 0 14px;text-align:center}
.wc-pilot-banner a{color:#FFD24D;text-decoration:underline}

/* Widget fijado */
.wc-pinned{background:var(--paper);border:2px solid var(--wc-green);border-radius:14px;padding:12px 14px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wc-pinned-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.wc-pinned-title{font-weight:900;font-size:1.08rem;color:var(--ink)}
.wc-pinned-all{margin-left:auto;font-weight:800;color:var(--red);font-size:.85rem}
.wc-pinned-rows{display:flex;flex-direction:column;gap:7px}
.wc-pinned-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 11px;border:1.5px solid var(--line);border-radius:10px;background:var(--wc-row)}
.wc-pinned-row:hover{border-color:var(--wc-green);background:var(--wc-row-hover)}
.wc-pinned-side{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
.wc-pinned-side-away{justify-content:flex-end;text-align:right}
.wc-pinned-tname{font-weight:800;color:var(--ink);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-pinned-center{font-weight:900;color:var(--ink);min-width:56px;text-align:center}
.wc-pinned-sc{font-size:1.05rem}
.wc-pinned-cta{flex-basis:100%;text-align:right;font-weight:800;color:var(--red);font-size:.84rem}
.wc-pinned-livedot{color:#E0314D;font-weight:900}
.wc-pinned-foot{display:block;margin-top:10px;text-align:center;font-weight:800;color:var(--wc-foot-tx);background:var(--wc-foot);border:1.5px solid var(--wc-foot-bd);border-radius:9px;padding:9px}

/* Cabecera de partido (sala) */
.wc-match-head{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:18px 16px;margin-bottom:14px}
.wc-stage{text-align:center;font-weight:800;color:var(--muted);font-size:.82rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em}
.wc-scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.wc-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.wc-team-name{font-weight:900;font-size:1.05rem;color:var(--ink);line-height:1.1}
.wc-score{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px}
.wc-score-nums{font-weight:900;font-size:2rem;color:var(--ink)}
.wc-dash{margin:0 8px;color:var(--muted)}
.wc-kick{font-weight:800;color:var(--ink);font-size:1rem}
.wc-status-pill{font-weight:900;font-size:.7rem;padding:3px 9px;border-radius:20px}
.wc-status-pill.is-live{background:#C41E3A;color:#fff}
.wc-status-pill.is-final{background:#444;color:#fff}

/* Pronóstico */
.wc-predict{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}
.wc-predict-q{font-size:1.2rem;font-weight:900;color:var(--ink);margin:0 0 12px;text-align:center}
.wc-predict-hint{display:block;font-size:.85rem;font-weight:700;color:var(--muted);margin-top:2px}
.wc-pick-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.wc-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 6px;border:2.5px solid var(--line);border-radius:12px;background:var(--wc-pick);cursor:pointer;font-weight:800;color:var(--ink);min-height:88px;transition:.12s}
.wc-pick:hover{border-color:var(--wc-green);background:var(--wc-row-hover)}
.wc-pick.is-mine{border-color:var(--wc-mine-bd);background:var(--wc-mine);box-shadow:0 0 0 2px var(--wc-mine-bd) inset}
.wc-pick-lbl{font-size:.92rem;line-height:1.05;text-align:center}
.wc-pick-x{font-size:1.3rem;color:var(--muted);font-weight:900}
.wc-pick-tag{font-size:.66rem;font-weight:900;color:#fff;background:var(--wc-mine-bd);padding:2px 6px;border-radius:6px}
.wc-split{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.wc-split-row{position:relative;display:flex;align-items:center;padding:11px 12px;border:1.5px solid var(--line);border-radius:9px;overflow:hidden;font-weight:800;color:var(--ink)}
.wc-split-fill{position:absolute;left:0;top:0;bottom:0;background:var(--wc-fill);z-index:0}
.wc-split-row.is-mine .wc-split-fill{background:var(--wc-mine-fill)}
.wc-split-row.is-winner{border-color:var(--wc-mine-bd);border-width:2.5px}
.wc-split-lbl,.wc-split-pct{position:relative;z-index:1}
.wc-split-pct{margin-left:auto;font-weight:900}
.wc-split-foot{font-size:.8rem;color:var(--muted);font-weight:700;text-align:center;margin-top:2px}
.wc-myresult{margin-top:12px;text-align:center;font-weight:900;font-size:1rem;padding:11px;border-radius:10px}
.wc-myresult.ok{background:var(--wc-mine);color:var(--wc-mine-bd);border:2px solid var(--wc-mine-bd)}
.wc-myresult.no{background:rgba(155,28,28,.12);color:#D8392F;border:2px solid #C0392B}
.wc-myresult.pend{background:var(--wc-foot);color:var(--wc-foot-tx);border:1.5px solid var(--wc-foot-bd)}

/* Barras de pronóstico UNIFICADAS: la barra MISMA es el botón (estilo El Pulso). */
.wc-bars{display:flex;flex-direction:column;gap:9px;margin:0}
.wc-bar{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:15px 14px;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);color:var(--ink);font-weight:800;font-size:1rem;min-height:56px}
.wc-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--wc-fill);z-index:0;transition:width .3s ease}
.wc-bar.is-mine .wc-bar-fill{background:var(--wc-mine-fill)}
.wc-bar-logo,.wc-bar-x,.wc-bar-lbl,.wc-bar-pct{position:relative;z-index:1}
.wc-bar-x{font-size:1.2rem;color:var(--muted);font-weight:900;width:28px;text-align:center}
.wc-bar-lbl{flex:1;line-height:1.15}
.wc-bar-pct{font-weight:900;font-size:1.05rem;color:var(--ink)}
.wc-bar-tag{font-size:.62rem;font-weight:900;color:#fff;background:var(--wc-mine-bd);padding:2px 6px;border-radius:6px;margin-left:4px;white-space:nowrap}
.wc-bar.is-mine{border-color:var(--wc-mine-bd);box-shadow:0 0 0 2px var(--wc-mine-bd) inset}
.wc-bar.is-winner{border-color:var(--wc-mine-bd);border-width:2.5px}
.wc-bar.is-clickable{cursor:pointer}
.wc-bar.is-clickable:hover{border-color:var(--wc-green);background:var(--wc-row-hover)}
.wc-bar.is-clickable:active{transform:scale(.99)}
.wc-predict-foot{margin-top:12px;text-align:center;font-weight:700;color:var(--muted);font-size:.9rem}
.wc-myresult-inline{display:inline-block;font-weight:900;padding:6px 12px;border-radius:8px}
.wc-myresult-inline.ok{background:var(--wc-mine);color:var(--wc-mine-bd)}
.wc-myresult-inline.no{background:rgba(192,57,43,.14);color:#D8392F}

/* CTA login/registro (anónimo) */
.wc-login-cta{display:block;text-align:center;background:var(--red);color:#fff;font-weight:800;font-size:1rem;padding:14px;border-radius:11px;text-decoration:none}
.wc-login-cta:hover{filter:brightness(1.06)}

/* La sala / chat */
.wc-room{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:16px}
.wc-room-title{font-size:1.05rem;font-weight:900;color:var(--ink);margin:0 0 10px}
.wc-chat{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding:4px 2px 8px}
.wc-chat-empty{color:var(--muted);font-weight:700;text-align:center;padding:18px}
.wc-msg{display:flex;gap:8px;align-items:flex-start}
.wc-msg-av{border-radius:50%;flex-shrink:0;border:1px solid var(--line)}
.wc-msg-body{background:var(--wc-row);border-radius:12px;padding:7px 11px;max-width:80%}
.wc-msg.is-mine{flex-direction:row-reverse}
.wc-msg.is-mine .wc-msg-body{background:var(--wc-mine)}
.wc-msg-u{display:block;font-weight:900;font-size:.78rem;color:var(--red)}
.wc-msg-t{display:block;font-size:.95rem;color:var(--ink);word-break:break-word}
.wc-chat-form{display:flex;gap:8px;margin-top:10px}
.wc-chat-form input{flex:1;padding:12px 14px;border:2px solid var(--line);border-radius:10px;font-size:1rem;background:var(--paper);color:var(--ink)}
.wc-chat-form input:focus{border-color:var(--wc-green);outline:none}

/* Hub */
.wc-hub-head h1{font-size:1.5rem;font-weight:900;margin:0 0 4px;color:var(--ink)}
.wc-hub-head p{color:var(--muted);font-weight:600;margin:0 0 14px}
.wc-mystats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}
.wc-stat{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center}
.wc-stat-n{display:block;font-size:1.5rem;font-weight:900;color:var(--red)}
.wc-stat-l{display:block;font-size:.74rem;font-weight:700;color:var(--muted);text-transform:uppercase}
.wc-block{margin-bottom:20px}
.wc-block-title{font-size:1.15rem;font-weight:900;color:var(--ink);margin:0 0 10px}
.wc-empty{color:var(--muted);font-weight:600;background:var(--wc-row);border-radius:10px;padding:14px;text-align:center}
.wc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1.5px solid var(--line);border-radius:11px;background:var(--paper);margin-bottom:8px}
.wc-row:hover{border-color:var(--wc-green);background:var(--wc-row-hover)}
.wc-row-team{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--ink);font-size:.95rem;flex:1;min-width:0}
.wc-row-away{justify-content:flex-end;text-align:right}
.wc-row-mid{display:flex;flex-direction:column;align-items:center;min-width:70px}
.wc-row-score{font-weight:900;font-size:1.1rem;color:var(--ink)}
.wc-row-kick{font-weight:800;color:var(--ink);font-size:.85rem}
.wc-row-live{color:#E0314D;font-weight:900;font-size:.66rem}
.wc-row-cta{flex-basis:100%;text-align:right;font-weight:800;color:var(--red);font-size:.82rem;margin-top:2px}
.wc-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wc-rank-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper)}
.wc-rank-row.is-me{border-color:var(--wc-mine-bd);background:var(--wc-mine)}
.wc-rank-pos{font-weight:900;font-size:1.05rem;color:var(--muted);min-width:24px;text-align:center}
.wc-rank-av{border-radius:50%;border:1px solid var(--line)}
.wc-rank-name{font-weight:800;color:var(--ink);flex:1}
.wc-rank-acc{font-weight:700;color:var(--muted);font-size:.85rem}
.wc-rank-pts{font-weight:900;color:var(--red)}
.wc-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.wc-group{border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.wc-group-h{background:var(--wc-green);color:#fff;font-weight:900;padding:7px 10px;font-size:.92rem}
.wc-table{width:100%;border-collapse:collapse;font-size:.85rem}
.wc-table th{text-align:center;font-size:.7rem;color:var(--muted);padding:5px 4px;border-bottom:1px solid var(--line)}
.wc-table th:first-child{text-align:left}
.wc-table td{text-align:center;padding:6px 4px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.wc-table-team{display:flex;align-items:center;gap:6px;text-align:left!important;font-weight:800}
.wc-table-pts{font-weight:900;color:var(--ink);background:var(--wc-row)}

/* Badge de por vida (La Polla) */
.polla-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:6px;padding:1px 5px;font-weight:900;margin-left:4px;vertical-align:middle;line-height:1.3}

@media (max-width:600px){
  .wc-mystats{grid-template-columns:repeat(2,1fr)}
  .wc-score-nums{font-size:1.6rem}
  .wc-team-name{font-size:.95rem}
}