Grade de entidades em cards de vidro

Quatro cards de vidro lado a lado. Cada um traz uma marca no topo — logo ou nome em texto — e abaixo uma lista curta de fatos separados por linha. Serve para mostrar que a empresa é um grupo, não uma sala.

Usa a primitiva .glass do core. Sem script próprio.

Quando usar

• Grupo com mais de uma razão social, ou empresa com braços distintos (consultoria, research, internacional).
• Rede de escritórios, sócios institucionais, empresas do mesmo holding.
• Quando o argumento é estrutura: tamanho, alcance, credencial.

Quando não usar

• Uma empresa só. Quatro cards para dividir o que é indivisível soa inflado.
• Para serviços. Serviço pede foto e narrativa — listas/leque-paineis ou conteudo/pilares-texto-na-foto.
• Sobre fundo claro sem ajuste: o .glass é feito para superfície escura.

Padrão editorial

Os cards precisam ter contagem parecida de itens. Um com 4 e outro com 2 deixa buraco visível na fileira — o .glass não esconde altura desigual.

Como usar

<link rel="stylesheet" href="componentes/conteudo/grid-entidades/estilo.css">

O card leva as três classes: class="glass glass-hover ent-card".

Pareamento

Foi desenhado para viver sobre um fundo animado full-bleed — na origem, o dados/globo-canvas atrás da seção inteira. É o que dá sentido ao vidro. Sobre fundo chapado o efeito continua funcionando, mas rende menos.

Variações

• Três cards — repeat(3,1fr).
• Sem vidro — troque .glass por borda simples em projeto de fundo claro. Não rodou em produção.

Gotchas

• .ent-brand tem altura fixa de 34px. É o que alinha os quatro cards quando dois trazem logo (imagem de altura variável) e dois trazem texto. Sem isso as listas começam em alturas diferentes e a fileira desanda.
• .ent-brand-lg existe porque nem todo logo pesa igual a 19px. Selo quadrado ao lado de wordmark largo precisa de mais altura para ter a mesma presença óptica. Marque por classe, nunca por seletor de alt ou src.
• O primeiro item da lista não tem borda superior. :first-child com padding-top:0 — sem isso sobra uma linha solta logo abaixo da marca.
• Dois breakpoints. 980px para 2 colunas, 560px para 1. Em 2 colunas o gap continua apertado de propósito; em 1 coluna ele abre para 20px, senão os cards colam.

Histórico

Normalizações aplicadas na extração: prefixo em tudo; .is-xp → .ent-brand-lg; seletores de elemento → .ent-list / .ent-item; o vidro virou a primitiva .glass do core (era a terceira cópia da mesma regra no projeto); cores cruas → --fg-2 e --rule; sage → --accent.