/* Só o que muda no WordPress em relação ao site estático. */
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }
.admin-bar .site-menu { top: var(--wp-admin--admin-bar--height, 32px); }
/* a faixa decorativa do bloco de números passava da largura da tela no celular */
.stats { overflow-x: clip; }

/* O cano azul cresce com a tela: o respiro acima do texto acompanha a altura dele (172/1477 do desenho) */
.stats {
  --cano-largura: max(102.6vw, 1477px);
  --cano-topo: 95px;
  padding-top: calc(var(--cano-largura) * 172 / 1477 - var(--cano-topo) + var(--s-32));
}
@media (max-width: 1279px) { .stats { --cano-topo: 60px; } }
@media (max-width: 767px) { .stats { --cano-largura: 190vw; --cano-topo: 36px; } }

/* Caixas de números: todas da mesma altura, também entre linhas diferentes */
.stats__grid, .indicadores__grid { grid-auto-rows: 1fr; }
.stat-card, .ind-card { height: 100%; }
.numeros__grid { align-items: stretch; }

/* Valores: ícone do pacote da marca sobre o texto */
.value-tile { flex-direction: column; gap: var(--s-8); }
.value-tile__icone { width: 48px; height: 48px; flex: none; }
.mvv-values__row { grid-auto-rows: 1fr; }

/* Card de área sem link: não reage ao mouse como se fosse clicável */
div.area-card:hover { transform: none; box-shadow: none; }