/* ==========================================================================
   ENTIDADES — quatro cards de vidro com marca e atributos
   Prefixo: ent-
   Tokens usados: --fg --fg-2 --accent --display --sans
   Primitiva usada: .glass / .glass-hover (core/base.css)
   ========================================================================== */

.ent-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(10px,1.2vw,16px);margin-top:clamp(38px,6vh,60px);
}

.ent-card{border-radius:12px;padding:clamp(22px,2.4vw,30px)}

/* Altura FIXA na faixa da marca. É o que alinha os quatro cards quando dois
   trazem logo (imagem, altura variável) e dois trazem texto. Sem isso as
   listas começam em alturas diferentes e a fileira desanda. */
.ent-brand{
  height:34px;display:flex;align-items:center;
  font-family:var(--display);font-weight:700;font-size:15.5px;
  letter-spacing:-.025em;color:var(--fg);
}
.ent-brand em{
  font-family:var(--sans);font-style:italic;font-weight:300;
  letter-spacing:0;color:var(--accent);
}
.ent-brand img{max-height:19px;max-width:100%;width:auto;height:auto;display:block}
/* Logo que precisa de mais altura para pesar igual aos outros. */
.ent-brand-lg{max-height:26px}

.ent-list{margin-top:18px}
.ent-item,.ent-list li{
  font-size:12.5px;line-height:1.65;color:var(--fg-2);
  padding:9px 0;border-top:1px solid var(--rule);
}
.ent-list li:first-child{border-top:none;padding-top:0}

@media(max-width:980px){.ent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ent-grid{grid-template-columns:1fr;gap:20px}}