/* ==========================================================================
   PÁGINA DE CATEGORIA — capa da categoria.

   MESMA CAUSA já corrigida na foto do produto (garimpai-produto.css): a capa
   usava `aspect-[3/2] w-full`, que numa largura de container de ~1400px virava
   uma faixa de ~930px de altura — dominava a tela antes do título e dos
   produtos. Aqui: moldura de altura limitada (não depende da largura do
   container) e `object-fit: contain` (imagem inteira, identidade visual da
   categoria preservada, sem cortar nem distorcer).
   ========================================================================== */

/* Capa panorâmica (<slug>-capa.jpg, 2016×780): a moldura tem a proporção da
   própria arte, então `cover` não corta nada e a altura acompanha a largura.
   Categoria sem capa nova cai na imagem 3:2 antiga e fica centralizada, inteira. */
.gp-cat-capa {
  position: relative;
  width: 100%;
  aspect-ratio: 2016 / 780;
  overflow: hidden;
  background: hsl(var(--muted) / .2);
}
.gp-cat-capa img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}