/* Checagem do 2º turno. Tokens em /styles.css; regras em DESIGN.md seção 12.
   Selos só nos tons da marca (verde e vermelho são cor de candidato): a diferença vem do ícone e do texto. */

.ck-abertura{padding:40px 0 28px}
.ck-abertura h1{font-size:clamp(30px,4.6vw,50px);letter-spacing:-.03em;line-height:1.04;max-width:900px;margin:0 0 14px}
.ck-abertura__texto{max-width:760px;font-size:17px;color:var(--grafite);margin:0}

/* Tela do debate: transmissão à esquerda (fica parada), checagens à direita. */
.ck-largo,.ck-grade{max-width:1320px}
.ck-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);gap:32px;align-items:start;padding-bottom:80px}
.ck-lado{position:sticky;top:16px;display:grid;gap:16px}
.ck-feed{min-width:0}

/* Player: capa leve com o botão; o player do YouTube só desce no toque. */
.ck-palco{display:grid;gap:10px;background:var(--papel)}
.ck-player{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--tinta-escura);box-shadow:var(--sombra)}
.ck-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ck-player__capa{position:absolute;inset:0;display:block;color:#fff;text-decoration:none}
.ck-player__capa img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .3s var(--saida),transform .5s var(--saida)}
.ck-player__capa:hover img{opacity:.7;transform:scale(1.02)}
.ck-player__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;display:grid;place-items:center;border-radius:50%;background:var(--sinal);color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.18);transition:transform .25s var(--saida)}
.ck-player__capa:hover .ck-player__play{transform:scale(1.06)}
.ck-player__play svg{margin-left:4px}
.ck-player__rotulo{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;background:linear-gradient(transparent,rgba(11,27,51,.85));font-weight:700;font-size:17px}
.ck-player__capa:focus-visible{outline:3px solid var(--ceu);outline-offset:-3px}
.ck-player--aviso{aspect-ratio:auto}
.ck-player__aviso{display:flex;flex-direction:column;gap:8px;padding:16px 20px;color:#fff}
.ck-player__aviso p{margin:0;font-size:15px;line-height:1.45;font-weight:600}
.ck-player__aviso a{align-self:flex-start;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ck-player__aviso a:focus-visible{outline:3px solid var(--ceu);outline-offset:3px}

/* Oferecimento: lugar de anunciante (DESIGN.md seção 9 e 12). Só o logo e o creme de quem oferece. */
.ck-oferecimento{--is-creme:#FBF7F2;--is-grafite:#1A1512;--is-apoio:#5E5650;--is-linha:#E2D9CC;display:flex;align-items:center;gap:12px;margin:0;min-height:48px;padding:8px 14px;border-radius:10px;background:var(--is-creme);border:1px solid var(--is-linha);font-family:Outfit,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--is-grafite)}
.ck-oferecimento__rotulo{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--is-apoio)}
.ck-oferecimento__marca{display:block}
.ck-oferecimento__marca img{display:block;height:calc(20px * var(--escala, 1));width:auto}
.ck-oferecimento__anuncie{margin-left:auto;font-size:13px;font-weight:700;color:var(--is-grafite);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* Situação do ao vivo */
.ck-vivo{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:16px 18px}
.ck-vivo__olho{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cinza)}
.ck-vivo__ponto{position:relative;width:9px;height:9px;border-radius:50%;background:var(--ceu)}
.ck-vivo__titulo{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--tinta);line-height:1.2}
.ck-vivo__texto{margin:0;font-size:15px;color:var(--cinza)}
.ck-vivo[data-estado="vivo"]{background:var(--tinta);border-color:var(--tinta)}
.ck-vivo[data-estado="vivo"] .ck-vivo__olho,.ck-vivo[data-estado="vivo"] .ck-vivo__titulo{color:var(--papel)}
.ck-vivo[data-estado="vivo"] .ck-vivo__texto{color:var(--ceu-claro)}
.ck-vivo[data-estado="vivo"] .ck-vivo__ponto::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ceu);animation:pulso-ao-vivo 1.6s var(--saida) infinite}

/* Filtros, no alto das checagens */
.ck-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px}
html:not(.js) .ck-filtros{display:none}
.ck-filtros__opcoes{display:flex;gap:4px;padding:3px;border:1px solid var(--linha);border-radius:12px;background:var(--branco)}
.filtro{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--cinza);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}
.filtro:hover{color:var(--tinta)}
.filtro[aria-pressed="true"]{background:var(--ceu-claro);color:var(--tinta)}
.ck-filtros__total{flex-basis:100%;margin:0;font-size:14px;color:var(--cinza)}
.ck-filtros__total a{font-weight:600}

/* Novas */
.ck-novas{position:sticky;top:12px;z-index:3;margin:0 0 16px;display:flex;justify-content:center}
.ck-novas button{appearance:none;border:0;border-radius:999px;background:var(--sinal);color:#fff;font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 18px;cursor:pointer;box-shadow:var(--sombra)}

/* Card */
.ck-lista{display:grid;gap:16px}
.ck{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:20px 22px;display:grid;gap:12px;scroll-margin-top:20px}
.ck:target{box-shadow:0 0 0 3px var(--ceu)}
.ck__topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;font-size:14px}
.ck__quem{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tinta);font-size:15px}
.ck__quem small{font-weight:500;color:var(--cinza);font-size:14px}
.ck__ponto{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:#857E76}
.ck__ponto--13{background:#F0524D}
.ck__ponto--22{background:#176B2C}
.ck__onde{color:var(--cinza)}
.ck__fala{position:relative;margin:0;padding:0 0 0 28px;font-size:16.5px;color:var(--grafite)}
.ck__fala::before{content:"\201C";position:absolute;left:0;top:-6px;font-size:42px;line-height:1;font-weight:700;color:var(--ceu)}
.ck__fala p{margin:0}
.ck__selo{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:30px;margin:0;padding:3px 12px 3px 10px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
.ck__selo svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ck__selo--verdadeiro{background:var(--sinal);color:#fff}
.ck__selo--em_parte{background:var(--ceu-claro);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--ceu)}
.ck__selo--exagerado{background:var(--ceu);color:var(--tinta-escura)}
.ck__selo--falso{background:var(--tinta-escura);color:var(--papel)}
.ck__selo--sem_dado{background:var(--branco);color:var(--grafite);box-shadow:inset 0 0 0 1.5px var(--cinza)}
.ck__selo--contexto{background:var(--papel);color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
.ck__selo--proposta{background:var(--branco);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.ck__resumo{margin:0;font-size:19px;font-weight:600;line-height:1.3}
.ck__info{margin:0;font-size:16px}
.ck__dados,.ck__plano{margin:2px 0 0;display:grid;border-top:1px solid var(--linha)}
.ck__dados div,.ck__plano div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--linha)}
.ck__dados dt,.ck__plano dt{font-size:14px;color:var(--cinza)}
.ck__dados dd,.ck__plano dd{margin:0;text-align:right;color:var(--tinta);font-weight:700}
.ck__dados dd{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ck__plano dd{font-size:15px}
.ck__fontes{margin:0;font-size:14px;color:var(--cinza)}
.ck__fontes span{font-weight:600}
.ck__correcao,.ck__retirada{margin:0;padding:10px 14px;border-radius:10px;background:var(--ceu-claro);font-size:14px;color:var(--tinta)}
.ck__pe{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--cinza);padding-top:2px}
.ck__link{appearance:none;border:0;background:none;padding:6px 0;font:inherit;font-weight:600;color:var(--sinal);text-decoration:none;cursor:pointer}
.ck__link:hover{text-decoration:underline}
.ck__nova{justify-self:start;padding:2px 9px;border-radius:999px;background:var(--sinal);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:opacity .6s var(--saida)}
.ck__nova.some{opacity:0}
.ck[hidden]{display:none}
.ck-vazio{background:var(--branco);border:1px dashed var(--ceu);border-radius:12px;padding:28px 24px;margin:0;color:var(--cinza)}

/* Esqueleto enquanto o feed não chega (só com JS e lista vazia) */
.ck-esqueleto{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:22px 24px;display:grid;gap:12px}
.ck-esqueleto i{display:block;height:12px;border-radius:6px;background:var(--papel);animation:pulsa 1.6s ease-in-out infinite}
.ck-esqueleto i:nth-child(1){width:40%}
.ck-esqueleto i:nth-child(2){width:92%;height:16px}
.ck-esqueleto i:nth-child(3){width:28%;height:24px;border-radius:999px}
.ck-esqueleto i:nth-child(4){width:76%}

/* Entrada */
html.js .ck.entra{animation:ck-entra .5s var(--saida) both;animation-delay:calc(var(--i,0) * 60ms)}
@keyframes ck-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Método e correções */
.ck-metodo .perguntas{margin-bottom:40px}
.ck-metodo__correcoes{font-size:24px;margin:0 0 12px}
.ck-correcoes{margin:0;padding-left:20px;font-size:15px;display:grid;gap:8px}
.ck-chamada .chamada__in p{color:var(--grafite)}

@media (prefers-reduced-motion:reduce){
  html.js .ck.entra{animation:none}
  .ck-esqueleto i{animation:none}
  .ck-player__capa img,.ck-player__play{transition:none}
}
@media (max-width:1000px){
  .ck-grade{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:24px}
}
/* Celular e tablet em pé: transmissão em cima, checagens embaixo. Durante o ao vivo o player fica preso no topo. */
@media (max-width:820px){
  .ck-grade{grid-template-columns:1fr;gap:16px}
  .ck-lado{display:contents}
  .ck-palco{position:relative;z-index:4}
  .ck-grade--vivo .ck-palco{position:sticky;top:0;margin:0 -16px;padding:0 0 8px;box-shadow:0 8px 16px -12px rgba(11,27,51,.35)}
  .ck-grade--vivo .ck-player{border-radius:0}
  .ck-grade--vivo .ck-oferecimento{margin:0 16px}
}
@media (max-width:640px){
  .ck-abertura{padding:28px 0 20px}
  .ck-abertura__texto{font-size:16px}
  .ck{padding:18px}
  .ck__resumo{font-size:18px}
  .ck__fala{font-size:16px;padding-left:24px}
  .ck__fala::before{font-size:36px}
  .ck__dados div,.ck__plano div{grid-template-columns:1fr;gap:2px}
  .ck__dados dd,.ck__plano dd{text-align:left}
  .ck-player__play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .ck-oferecimento{gap:10px;padding:6px 12px;min-height:42px}
  .ck-oferecimento__rotulo{font-size:11px}
  .ck-oferecimento__extra{display:none}
  .ck-ao-vivo .ck-abertura__texto{display:none}
  .ck-ao-vivo .ck-abertura{padding-bottom:12px}
  .ck-oferecimento__marca img{height:calc(17px * var(--escala, 1))}
  .ck-oferecimento__anuncie{font-size:12px}
  .filtro{padding:0 10px;font-size:13.5px}
}

/* Placar do evento (só depois do ao vivo): uma rosca por candidato, mesmas cores e mesma ordem, números calculados dos cards */
.ck-placar:empty{display:none}
.ck-placar{margin-top:14px;padding-top:14px;border-top:1px solid var(--linha)}
.ck-placar__titulo{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--tinta)}
.ck-placar__destaque{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--sinal);border-radius:0 8px 8px 0;background:var(--ceu-claro);font-size:14px;font-weight:700;line-height:1.4;color:var(--tinta)}
.ck-placar__duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ck-placar__cand{min-width:0}
.ck-placar__nome{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:16px;font-weight:700;color:var(--tinta)}
.ck-placar__nome small{font-weight:500;color:var(--grafite)}
.ck-placar__rosca{display:block;width:100%;max-width:150px;margin:0 auto 8px}
.ck-placar__n{font:700 30px/1 "Outfit",sans-serif;fill:var(--tinta);text-anchor:middle}
.ck-placar__t{font:500 9.5px/1 "Public Sans",sans-serif;fill:var(--grafite);text-anchor:middle}
.ck-placar__legenda{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px;font-variant-numeric:tabular-nums}
.ck-placar__legenda li{display:grid;grid-template-columns:10px 1fr auto 34px;align-items:center;gap:6px;color:var(--tinta)}
.ck-placar__legenda i{width:10px;height:10px;border-radius:2px}
.ck-placar__legenda b{font-size:14px}
.ck-placar__legenda small{text-align:right;color:var(--grafite)}
.ck-placar__props{margin:6px 0 0;font-size:13px;color:var(--grafite)}
.ck-placar__nota{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--grafite)}
.ck-placar__nota--metodo{font-style:italic}
/* Com o placar, a coluna lateral passa da altura da tela: deixa de ser fixa para o fim do quadro não ficar escondido */
.ck-lado:has(.ck-placar:not(:empty)){position:static}

/* Faixa do próximo debate com contagem regressiva */
.ck-proximo:empty,.ck-proximo[hidden]{display:none}
.ck-proximo{background:var(--tinta);color:var(--papel);margin:0}
.ck-proximo__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding-top:18px;padding-bottom:18px}
.ck-proximo__txt{flex:1 1 360px;min-width:0}
.ck-proximo__olho{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ceu)}
.ck-proximo__titulo{margin:0 0 6px;font:700 clamp(20px,3.2vw,28px)/1.15 "Outfit",sans-serif;color:var(--papel)}
.ck-proximo__texto{margin:0;font-size:15px;line-height:1.45;color:var(--ceu-claro)}
.ck-proximo__conta{display:flex;gap:8px;flex:none}
.ck-proximo__conta span{display:grid;justify-items:center;min-width:64px;padding:8px 6px;border-radius:10px;background:rgba(246,244,238,.08);box-shadow:inset 0 0 0 1px rgba(159,184,218,.35)}
.ck-proximo__conta b{font:700 30px/1 "Outfit",sans-serif;font-variant-numeric:tabular-nums;color:var(--papel)}
.ck-proximo__conta small{margin-top:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ceu)}
@media (max-width:560px){.ck-proximo__conta{width:100%;justify-content:space-between}.ck-proximo__conta span{flex:1;min-width:0}}