/* Identidade do Ciclo por cima da base do app do Caio (27/10/2026): fundo #050506, Anton nos títulos,
   Geist no texto, Geist Mono nas etiquetas, uma cor por especialista (construir laranja, analisar verde,
   decidir roxo). Regras da marca em `design/identidade/` e no marca.md da rodada de 26/10. */
:root {
  --navy-950: #000000;
  --navy-900: #050506;
  --navy-800: #111114;
  --navy-700: #24242a;
  --navy-200: #a3a3ad;
  --navy-100: #d4d4da;
  --blue-700: #6c66e0;
  --blue-600: #837df5;
  --blue-500: #9792ff;
  --blue-300: #b9b5ff;
  --cyan-400: #3cc4ae;
  --bone: #f2f2ef;
  --success: #3cc4ae;
  --warning: #f5c451;
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-impact: 'Anton', sans-serif;
  --font-sans: 'Geist', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', 'SF Mono', Menlo, Consolas, monospace;
}

body { background: var(--navy-900); }

/* Anton só tem um peso: sem negrito sintético, sem caixa alta forçada demais. */
.v-logo, .marca, .f-topo h1, .v-capa h2, .f-col h2, .v-hoje h2 { font-weight: 400; letter-spacing: .01em; }
.f-topo h1 { font-size: clamp(40px, 7vw, 68px); }

/* O anel é marca, não textura: some do fundo das telas. */
body.vitrine .v-palco::before, .login::before, .v-poster::before { opacity: 0; }

/* Sessão de cada especialista no topo. */
.c-sessoes { flex: 1; min-width: 0; }
.c-pessoas { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.c-pessoas li { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; gap: 8px 18px; align-items: center; padding: 10px 12px; border-radius: var(--r-md); background: var(--navy-900); border-left: 3px solid var(--produto); }
.c-quem { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.c-quem i { width: 10px; height: 10px; border-radius: 50%; background: var(--produto); align-self: center; }
.c-quem em { font-style: normal; font-family: var(--font-mono); font-size: 12px; color: var(--navy-200); }
.c-conta { font-family: var(--font-mono); font-size: 13px; color: var(--navy-200); }
.c-pessoas .v-play { background: var(--produto); color: #050506; }
.c-ok { font-family: var(--font-mono); font-size: 13px; color: var(--success); }
@media (max-width: 640px) { .c-pessoas li { grid-template-columns: 1fr auto; } .c-pessoas .v-play, .c-ok { grid-column: 1 / -1; justify-content: center; } }

/* Ângulos são frases longas: no cartão e na janela, texto legível em vez de Anton caixa alta. */
.f-card-tit { font-family: var(--font-sans); font-weight: 600; font-size: 15px; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.v-capa h2 { font-family: var(--font-sans); font-weight: 600; font-size: 22px; line-height: 1.3; text-transform: none; letter-spacing: -.01em; }

/* Seis colunas no board cabem numa tela de notebook. */
.f-board { grid-auto-columns: minmax(220px, 1fr); }

/* Teleprompter sem o azul da FTS. */
.tp-barra, .tp-info, .tp-fim { background: rgba(17, 17, 20, .97); }
.tp-contagem { background: rgba(5, 5, 6, .75); }