/* Chamada da apuração na página inicial (mesma identidade da página de apuração) */
.ch{
  --ch-navy: #1c2839;
  --ch-titulo: #1d2f49;
  --ch-verde: #629420;
  --ch-verde-claro: #5bbb4a;
  --ch-azul: #2980b9;
  --ch-borda: #d6d6d6;
  --ch-fundo: #f4f5f7;
  --ch-suave: #777;
  font-family: "Roboto", Arial, sans-serif;
  margin: 0 0 24px;
  border: 1px solid var(--ch-navy);
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
}
.ch[hidden]{ display: none !important; }
.ch a, .ch a:hover, .ch a:focus{ text-decoration: none; }

/* Barra superior */
.ch-topo{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 16px;
  background: var(--ch-navy);
  color: #fff;
}
.ch-rotulo{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #fff;
  white-space: nowrap;
}
.ch-rotulo .fa-circle{ color: #e74c3c; font-size: 9px; vertical-align: 2px; animation: ch-pisca 1.4s infinite; }
.ch-rotulo.encerrada .fa-circle{ color: var(--ch-verde-claro); animation: none; }
@keyframes ch-pisca{ 50%{ opacity: .2; } }
.ch-titulo{ font-family: 'Patua One', "Roboto", sans-serif; font-size: 18px; color: #fff; }
.ch-sim{
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  background: #c0392b; color: #fff; padding: 2px 7px; border-radius: 3px;
}
.ch .ch-botao{
  margin-left: auto;
  padding: 7px 12px;
  border-radius: 3px;
  background: var(--ch-verde-claro);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.ch .ch-botao:hover{ background: var(--ch-verde); color: #fff; }

/* Três colunas: Presidente, Governador, Senador */
.ch-colunas{ display: grid; grid-template-columns: repeat(3, 1fr); }
.ch .ch-col{
  display: block;
  padding: 12px 16px 10px;
  color: #222;
  border-left: 1px solid var(--ch-borda);
}
.ch .ch-col:first-child{ border-left: 0; }
.ch .ch-col:hover{ background: var(--ch-fundo); color: #222; }
.ch-cab{ font-size: 13px; margin-bottom: 6px; color: var(--ch-titulo); }
.ch-cab b{ font-weight: 800; text-transform: uppercase; }
.ch-cab span{ color: var(--ch-suave); }
.ch-cab small{ float: right; color: var(--ch-suave); font-size: 11px; margin-top: 2px; }

.ch-cand{ display: flex; align-items: center; gap: 10px; padding: 5px 0; }
.ch-foto{
  position: relative;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--ch-fundo);
  box-shadow: 0 0 0 1px var(--ch-borda);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b5bac3;
  font-size: 18px;
}
.ch-foto img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.ch-cand.lider .ch-foto{ box-shadow: 0 0 0 2px var(--ch-verde); }
.ch-info{ flex: 1; min-width: 0; }
.ch-linha{ display: flex; align-items: baseline; gap: 6px; }
.ch-nome{ font-size: 13px; font-weight: 700; color: var(--ch-titulo); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ch-pct{ margin-left: auto; font-family: 'Patua One', "Roboto", sans-serif; font-size: 17px; color: var(--ch-titulo); font-variant-numeric: tabular-nums; }
.ch-sub{ font-size: 11px; color: var(--ch-suave); margin: 1px 0 3px; }
.ch-barra{ height: 5px; background: #eceef1; border-radius: 3px; overflow: hidden; }
.ch-barra span{ display: block; height: 100%; background: var(--ch-navy); border-radius: 3px; }
.ch-cand.lider .ch-barra span{ background: var(--ch-verde); }
.ch-selo{
  font-size: 9px; font-weight: 700; text-transform: uppercase; color: #fff;
  padding: 2px 5px; border-radius: 3px; white-space: nowrap;
}
.ch-selo.eleito{ background: var(--ch-verde-claro); }
.ch-selo.turno2{ background: var(--ch-azul); }
.ch-vazio{ font-size: 13px; color: var(--ch-suave); padding: 14px 0; }

/* Antes da apuração: convite */
.ch .ch-convite{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 12px 16px;
  background: var(--ch-navy);
  color: #fff;
}
.ch-convite .ch-rotulo .fa{ color: var(--ch-verde-claro); margin-right: 3px; }
.ch-texto{ flex: 1 1 360px; font-size: 14px; line-height: 1.4; color: #fff; }
.ch-texto b{ color: #fff; }
.ch-fotos{ display: inline-flex; }
.ch-fotos .ch-foto{ width: 36px; height: 36px; flex-basis: 36px; margin-left: -8px; box-shadow: 0 0 0 2px var(--ch-navy); }
.ch-fotos .ch-foto:first-child{ margin-left: 0; }
.ch .ch-convite .ch-botao{ margin-left: 0; }

@media (max-width: 767px){
  .ch-colunas{ grid-template-columns: 1fr; }
  .ch .ch-col{ border-left: 0; border-top: 1px solid var(--ch-borda); }
  .ch .ch-col:first-child{ border-top: 0; }
  .ch .ch-botao{ margin-left: 0; }
  .ch-titulo{ font-size: 16px; }
  .ch-fotos{ display: none; }
}