/* Arte Pronta — tarja fina de mensagem promocional no topo do site público.
   Pedido do usuário (2026-07-25): fica antes do header (partials/navbar.blade.php),
   some ao rolar a página pra baixo, reaparece só ao voltar pro topo (ver
   tarja-topo.js, que alterna a classe .tarja-topo-escondida abaixo).
   Achado do PageSpeed Insights (2026-07-26): texto branco sobre --bs-primary
   (#2BBFA0, o teal "claro" da marca) mede só ~2.3:1 de contraste, abaixo do 4.5:1
   exigido pro tamanho de fonte daqui (.8125rem). Usa um teal mais escuro só neste
   componente (~4.9:1 com texto branco) em vez da variável --bs-primary — por isso
   agora duplica a cor em vez de referenciar a variável, diferente do que o
   comentário original dizia (a variável continua certa pra botão/link/paginação,
   só não serve pra texto pequeno em cima dela). */
#tarja-topo {
    background: #178068;
    color: #fff;
    text-align: center;
    font-size: .8125rem;
    padding: .4rem 1rem;
    overflow: hidden;
    max-height: 3rem;
    transition: max-height .25s ease, padding .25s ease, opacity .2s ease;
    opacity: 1;
}

#tarja-topo.tarja-topo-escondida {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}