/* blog-tabela-20260909a.css — 09/09/2026, piloto do molde "menos texto, mesma informação".
   A enumeração central do guia deixa de ser lista de frases-parágrafo (57–74 palavras por item)
   e vira tabela de 15–20 palavras por célula. No celular cada linha vira um card rotulado.
   Nada de informação sai: as colunas são as três orações que já existiam dentro de cada item. */

.gq-wrap{max-width:960px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.gq{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--body);font-size:14.5px;line-height:1.55}
.gq caption{caption-side:top;text-align:left;font-family:var(--mono2);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);padding:0 0 12px}
.gq th,.gq td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--border-subtle)}
.gq thead th{font-family:var(--mono2);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-2);
  font-weight:400;border-bottom:1px solid rgba(59,130,246,.35);white-space:nowrap}
.gq tbody tr:nth-child(odd){background:rgba(255,255,255,.022)}
.gq tbody tr:hover{background:rgba(59,130,246,.07)}
.gq tbody th{font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--text)}
@media(min-width:821px){
  .gq{table-layout:fixed}
  .gq th:nth-child(1),.gq td:nth-child(1){width:23%}
  .gq th:nth-child(2),.gq td:nth-child(2){width:26%}
  .gq th:nth-child(3),.gq td:nth-child(3){width:25%}
  .gq th:nth-child(4),.gq td:nth-child(4){width:26%}
}
.gq tbody th .gq-n{display:block;font-family:var(--mono2);font-size:10px;font-weight:400;letter-spacing:.12em;color:var(--brand);margin-bottom:4px}
.gq td{color:var(--muted)}
.gq td.gq-dec{color:var(--text)}
.gq a{color:var(--brand-2)}
@media(max-width:820px){
  .gq,.gq tbody,.gq tr,.gq th,.gq td{display:block;width:auto}
  .gq thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gq tbody tr{border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-2);margin-bottom:12px;padding:4px 2px}
  .gq tbody tr:nth-child(odd){background:var(--bg-2)}
  .gq tbody th{width:auto;border-bottom:0;padding-bottom:6px;font-size:16px}
  .gq td{border-bottom:0;padding-top:2px;padding-bottom:10px}
  .gq td::before{content:attr(data-r);display:block;font-family:var(--mono2);font-size:9.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--brand-2);margin-bottom:3px}
}
/* pergunta-âncora: as quatro perguntas da diretoria, que estavam dentro do parágrafo */
.gq-perg{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0;padding:0;max-width:760px}
.gq-perg li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border-subtle);
  border-radius:10px;background:var(--bg-2);font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--text);line-height:1.3}
.gq-perg li span{flex:0 0 auto;font-family:var(--mono2);font-size:11px;font-weight:400;color:var(--brand);padding-top:2px}
@media(max-width:820px){.gq-perg{grid-template-columns:1fr}}