/* Official symbol and display typeface reused from conexaotcg.com.br. */
@font-face { font-family: 'Conexao Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/barlow-condensed-700.woff2') format('woff2'); }
.conexao-brand { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; color: #f7f7f2; text-decoration: none; }
.conexao-brand .conexao-mark { display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; border: 1px solid #18cbd447; border-radius: 11px; background: #000; box-shadow: 0 0 20px #18cbd414; }
.conexao-brand-copy { display: grid; min-width: 0; gap: 4px; }
.conexao-brand .conexao-wordmark { font: 700 22px/1 'Conexao Barlow', 'Arial Narrow', sans-serif; letter-spacing: .045em; color: #f7f7f2; white-space: nowrap; }
.conexao-brand .conexao-tagline { display: block; margin: 0; font: 700 9px/1.3 'Conexao Barlow', 'Arial Narrow', sans-serif; letter-spacing: .1em; color: #a8bcc1; }
.sidebar-brand.conexao-brand { padding: 0 0 26px; }
.auth-brand { margin-bottom: 28px; }
.auth-brand .conexao-mark { width: 56px; height: 56px; flex-basis: 56px; }
.auth-brand .conexao-wordmark { font-size: 26px; }
.auth-brand .conexao-tagline { font-size: 10px; }
.drawer-header .conexao-brand { flex-shrink: 1; }
.conexao-brand:focus-visible { outline: 2px solid #18cbd4; outline-offset: 5px; border-radius: 6px; }
@media (max-width: 550px) {
  .drawer-header .conexao-mark { width: 40px; height: 40px; flex-basis: 40px; }
  .drawer-header .conexao-wordmark { font-size: 19px; }
  .drawer-header .conexao-tagline { max-width: 145px; font-size: 8px; }
}