/* V.332 (29/10/2026): barra do topo no estilo do Go Persol — verde sólido, logo branco da Persol | "Central de Conteúdos". (origem: Persol)
   Aprovada pela dona. V.334: para todo mundo (classe barra-nova fixa no <html> do index.html; V.332–333 era só admin).
   Arquivo próprio, carregado só pelo index.html:
   o styles.css é reaproveitado pelas telas de login das ferramentas e não muda. */

.brand-logo-branco,
.brand-traco,
.brand-copy-pre { display: none; }

.barra-nova .topbar,
.barra-nova .topbar.scrolled {
  background: var(--green-900);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 0;
  box-shadow: 0 2px 14px rgba(10, 10, 10, 0.18);
}

.barra-nova .brand { gap: 14px; }
.barra-nova .brand-mark { display: none; }
.barra-nova .brand-logo-branco { display: block; width: 96px; height: auto; transition: width 0.25s ease; }
.barra-nova .topbar.scrolled .brand-logo-branco { width: 84px; }
.barra-nova .brand-traco { display: block; flex: none; width: 1px; height: 26px; background: rgba(255, 255, 255, 0.28); }
.barra-nova .brand-copy-pre { display: inline; }
.barra-nova .brand-copy {
  font-family: "Montserrat", "Montserrat", Arial, sans-serif;
  font-weight: 800;
  font-size: 17px;
  text-transform: none;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.barra-nova .topbar.scrolled .brand-copy { font-size: 15px; }

/* celular: só o logo (o nome já some no responsive.css), como no Go Persol (origem: Persol) */
@media (max-width: 700px) {
  .barra-nova .brand-logo-branco { width: 80px; }
  .barra-nova .topbar.scrolled .brand-logo-branco { width: 72px; }
  .barra-nova .brand-traco { display: none; }
}

/* Central da agência (V.1): faixa fina com o degradê da marca embaixo da barra do topo (cor decorativa: nunca fundo de texto). */
.barra-nova .topbar,
.barra-nova .topbar.scrolled { border-bottom: 3px solid transparent; border-image: var(--marca-degrade) 1; }

/* Central da agência (V.1): "Destaques" sem slides cadastrados (Banner vazio) vira um cartão escuro da marca, com o
   degradê embaixo — antes ficava título branco em fundo claro (ilegível). Com slides, nada muda. */
body .content-card.featured:not(.has-carousel) { background: var(--green-900) !important; color: #fff !important; border-bottom: 4px solid transparent; border-image: var(--marca-degrade) 1; }
body .content-card.featured:not(.has-carousel) :is(h2, h3, p, small, strong, .card-title, .card-description) { color: inherit !important; }