/* ============================================================================
   MARCA SETOR 3 — o logotipo, em um lugar só.

   Carregado pelo SITE (componentes.css não o contém mais) e pela PLATAFORMA
   (admin, talentos, vagas). Antes o site montava um SVG vivo e a plataforma
   exibia /assets/img/Poster_A3.png — um raster do logo ANTIGO. As duas metades
   do produto mostravam marcas diferentes.

   Por que componente e não outra imagem: raster de interface que muda envelhece
   na próxima troca de paleta. Este projeto já pagou esse preço duas vezes (o
   mapa do Brasil e o balancete, ambos convertidos para render ao vivo depois de
   ficarem laranjas numa paleta terracota).

   Depende dos tokens de cor e das fontes do manual — tokens.css no site,
   plataforma.css na plataforma definem os mesmos nomes.
   ============================================================================ */

/* Cada var() abaixo tem FALLBACK porque este arquivo e carregado por DOIS
   hospedeiros com conjuntos de tokens diferentes: o site (tokens.css) tem a
   escala de espaco e as curvas; a plataforma (plataforma.css) nunca precisou
   delas. Sem fallback, `gap: var(--s3-e-4)` resolvia para NADA na plataforma e
   o simbolo colava no nome — errado em silencio, sem erro no console. */

.s3-logo { display: inline-flex; align-items: center; gap: var(--s3-e-4, 10px); text-decoration: none; }
/* o ícone SOBRESSAI no hover: levanta, cresce e projeta sombra da própria cor */
.s3-logo__simbolo {
  /* 14% para casar com o rx=14 do SVG do manual: se divergem, a sombra do
     hover descola do canto. Em repouso, chapado: sem sombra. */
  border-radius: 14%;
  transition: transform 280ms var(--s3-curva, ease), filter 280ms var(--s3-curva, ease);
}
.s3-logo:hover .s3-logo__simbolo,
.s3-logo:focus-visible .s3-logo__simbolo {
  transform: translateY(-3px) scale(1.09);
  filter: drop-shadow(0 10px 18px rgba(110, 43, 29, .45));
}
@media (prefers-reduced-motion: reduce) {
  .s3-logo__simbolo { transition: none; }
  .s3-logo:hover .s3-logo__simbolo { transform: none; }
}
.s3-logo__txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; }
.s3-logo__nome {
  /* Red Hat Display do manual, em CAFÉ sólido, com o 3 em terracota: a
     assinatura do manual (pedido do dono, 04/10/2026). O metálico com
     varredura no hover e o chip do 3 saíram. */
  font-family: var(--s3-fonte-grotesca, 'Red Hat Display', system-ui, sans-serif);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -.01em;
  white-space: nowrap;
  color: var(--s3-tinta, #432119);
}
.s3-logo__nome b {
  font-weight: inherit;
  color: var(--s3-laranja-texto, #903A27);
}

.s3-logo__sub {
  font-family: var(--s3-fonte-mono, 'IBM Plex Mono', ui-monospace, monospace);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: .4em;
  color: var(--s3-tinta, #432119);
  margin-top: 5px;
}
/* NEGATIVO (rodapé café, painel), como no manual: nome em papel, o 3 em
   telha (o terracota some sobre o café), CONTABILIDADE em creme. */
.s3-logo--claro .s3-logo__nome { color: var(--s3-tela-quente, #F2ECE4); }
.s3-logo--claro .s3-logo__nome b { color: #A6432B; }
.s3-logo--claro .s3-logo__sub { color: rgba(231, 223, 207, .65); }