/* Telas do Congresso (votações, uma votação, um parlamentar), por cima de report.css. */

/* foto do Congresso ao lado do título, no formato da tecla */
.cab-foto{width:300px;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);background:var(--surface-2)}

/* a Votação em destaque e a mais recente: dois cartões do mesmo tamanho */
.destaques{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.destaques:empty{display:none}
.destaque{display:flex;flex-direction:column}
.destaque h2{font-size:1.5rem;line-height:1.2}
.destaque h2 a{text-decoration:none}
.destaque .desc{margin-top:8px}
.destaque .meta{margin-top:8px;color:var(--muted);font-size:var(--step-small)}
.destaque .bar{margin-bottom:24px}
.destaque .tecla{align-self:flex-start;margin-top:auto}

/* lista de votações: data e casa, o que foi votado, o placar escrito */
.votacoes{margin:0;padding:0;list-style:none;border-radius:var(--r);background:var(--surface);overflow:hidden}
.votacoes:empty{display:none}
.votacoes li+li{border-top:1px solid #e6e4de}
.votacoes a{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:6px 24px;align-items:start;padding:18px 24px;
  text-decoration:none;transition:background-color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.votacoes a:hover{background:#f6f5f2}}
.quando{display:flex;flex-direction:column;gap:2px}
.oque{min-width:0}
.oque b{font:700 1.125rem/1.35 var(--display);letter-spacing:-.01em}
.oque .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;
  color:var(--muted);font-size:var(--step-small);line-height:1.5}
.quanto{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:nowrap}
.quanto b{font-weight:600}
.quanto .s{color:var(--sim)}.quanto .n{color:var(--nao)}
.quanto>span{color:var(--muted);font-size:var(--step-small)}

/* uma votação */
.ementa{max-width:68ch;margin-top:12px}
.tela-cab .desc{max-width:68ch;margin-top:8px;color:var(--muted)}
.resumo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:end}
.resumo .placar-teclas{margin-top:0}
.detalhe{margin-top:12px;color:var(--muted)}
.detalhe:empty,.fonte:empty{display:none}
.detalhe .voto{margin-right:4px}

/* um parlamentar */
.perfil{display:flex;gap:24px;align-items:center}
.perfil img{flex:none;width:120px;height:150px;object-fit:cover;border-radius:var(--r);background:var(--surface-2)}
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:var(--r);background:var(--surface);overflow:hidden}
.numeros:has(.numero:only-child){grid-template-columns:minmax(0,1fr)}
.numero{padding:22px 24px;color:var(--muted)}
.numero+.numero{border-left:1px solid #e6e4de}
.numero b{display:block;margin-bottom:4px;font:700 2rem/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.em-destaque{margin-top:16px;padding:16px 20px;border-radius:var(--r);background:var(--surface-2)}
.em-destaque .rot{font-weight:600}

/* falas dos deputados sobre a proposta: a marca na votação e o trecho abaixo de cada voto */
.tecla.mini{min-height:48px;padding:0 16px;font-size:var(--step-small)}
.votos td>.tecla.mini{margin-left:8px}
.votos td a.tecla{font-weight:600}
.votos tr.tem-falas>td{border-bottom:0}
.votos td.c-falas{padding-top:0;background:var(--surface)}
.votos tr:target,.falas-bloco:target{outline:3px solid var(--ink);outline-offset:-3px}
.falas-bloco{margin-top:16px;padding:16px 20px;border-radius:var(--r);background:var(--surface)}
h3{font:700 1.125rem/1.35 var(--display)}
.fala{max-width:72ch;margin-top:12px;padding:16px 20px;border-radius:var(--r);background:var(--bg)}
.fala-quando{color:var(--muted);font-variant-numeric:tabular-nums}
.fala-sumario{margin-top:6px;font-weight:600;line-height:1.5}
.fala-pos{margin-top:8px;padding:8px 12px;border-radius:var(--r);background:var(--surface);display:inline-block}
.fala-ler{margin-top:12px}
.fala-ler>summary{display:inline-flex;list-style:none}
.fala-ler>summary::-webkit-details-marker{display:none}
.fala-ler[open]>summary{background:var(--ink);color:var(--on-ink);border-bottom-color:transparent}
.fala-texto{margin-top:12px;padding:16px;border-radius:var(--r);background:var(--surface);white-space:pre-wrap;line-height:1.6}
.fala-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* a casa do Congresso, sempre por extenso: Câmara em tecla preta, Senado em tecla com contorno */
.selo-casa{display:inline-flex;align-items:center;min-height:30px;padding:2px 12px;border-radius:var(--r);
  font-size:var(--step-small);font-weight:600;white-space:nowrap;vertical-align:middle}
.selo-casa.camara{background:var(--ink);color:var(--on-ink)}
.selo-casa.senado{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.destaque .selo-casa{margin-bottom:10px}
.destaque h2 .proc{display:block;margin-top:4px;font:400 var(--step-small)/1.4 var(--text);letter-spacing:0}
#meta .selo-casa{margin-right:6px}
.tela-sub .selo-casa{margin-right:4px}

.cab-acao{margin-top:20px}
.trilha{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:8px}
.trilha .voltar{margin-bottom:0}

/* "Encontre seu deputado ou senador" */
.procurar{scroll-margin-top:16px}
.procurar>h2{margin-bottom:8px}
.procurar-sub,.bloco-sub{margin-bottom:20px;color:var(--muted)}
.seg-bloco{margin-bottom:16px}
.achados{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.achados a{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:14px;height:100%;padding:12px;text-decoration:none;
  border-radius:var(--r);border-bottom:4px solid var(--ledge);background:var(--bg);background-clip:padding-box;
  transition:transform var(--t-press) var(--ease-out),border-color var(--t-press) var(--ease-out),background-color var(--t-hover) ease}
.achados a:active{transform:translateY(3px);border-bottom-color:transparent}
@media (hover:hover) and (pointer:fine){.achados a:hover{background:#e3e1db}}
.achados img{flex:none;width:56px;height:70px;object-fit:cover;border-radius:8px;background:var(--surface-2)}
.achados a>span{display:flex;flex-direction:column;min-width:0}
.achados b{overflow-wrap:anywhere;line-height:1.3}
.achados span span{color:var(--muted);font-size:var(--step-small);line-height:1.4}

/* as duas casas como duas teclas grandes, com quem forma cada uma */
.abas-casa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.aba-casa{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:var(--tap);padding:16px 20px;border:0;
  border-bottom:4px solid var(--ledge);border-radius:var(--r);background:var(--surface);background-clip:padding-box;
  text-align:left;cursor:pointer;
  transition:transform var(--t-press) var(--ease-out),border-color var(--t-press) var(--ease-out),background-color var(--t-hover) ease}
.aba-casa b{font:700 1.375rem/1.2 var(--display);letter-spacing:-.01em}
.aba-casa span{color:var(--muted);font-size:var(--step-small);line-height:1.4}
.aba-casa .aba-n{margin-top:4px;font-weight:600;color:var(--ink)}
.aba-casa[aria-selected=true]{background:var(--ink);color:var(--on-ink);border-bottom-color:transparent;transform:translateY(3px)}
.aba-casa[aria-selected=true] span,.aba-casa[aria-selected=true] .aba-n{color:var(--on-ink-muted)}
@media (hover:hover) and (pointer:fine){.aba-casa[aria-selected=false]:hover{background:#f6f5f2}}

/* páginas: Anterior / Página X de Y / Próxima */
.paginas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:16px}
.paginas-onde{font-variant-numeric:tabular-nums}
.paginas .tecla:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* filtro de voto: uma tecla por voto, com quantos; a bolinha repete a cor do voto, a palavra sempre escrita */
.filtro-voto .qtd{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:400}
.filtro-voto[aria-pressed=true] .qtd{color:var(--on-ink-muted)}
.filtro-voto.sim::before,.filtro-voto.nao::before{content:"";width:12px;height:12px;border-radius:50%}
.filtro-voto.sim::before{background:var(--confirma)}
.filtro-voto.nao::before{background:var(--corrige)}

@media (max-width:760px){
  .cab-foto{display:none}
  .abas-casa{grid-template-columns:minmax(0,1fr)}
  .filtros .campo{flex-basis:100%}
  .aba-casa b{font-size:1.25rem}
  .seg .filtro-voto{flex:1 1 calc(50% - 8px);padding-inline:12px}
  .paginas .tecla{flex:1 1 0;padding-inline:12px}
  .paginas-onde{order:-1;flex-basis:100%;text-align:center}
  .destaques{grid-template-columns:minmax(0,1fr)}
  .votacoes a{grid-template-columns:minmax(0,1fr) auto;padding:16px}
  .quando{grid-column:1/-1;flex-direction:row;gap:12px}
  .resumo{grid-template-columns:minmax(0,1fr)}
  .perfil{gap:16px}
  .perfil img{width:88px;height:110px}
  .numeros{grid-template-columns:minmax(0,1fr)}
  .numero+.numero{border-left:0;border-top:1px solid #e6e4de}
  .votos.lista-tel tr.tem-falas{border-bottom:0}
  .votos.lista-tel td.c-falas{grid-column:1/-1;padding-bottom:6px}
  .fala{padding:14px}
  .votos td>.tecla.mini{margin:6px 0 0}
}