@charset "UTF-8";
/* =============================================================================
   STACK BRASIL, cabecalho-refinado.css
   O cabecalho aprovado na revisao de design: logo em 34px de altura (136px de largura),
   Entrar em pilula de CONTORNO translucido, vidro na rolagem, busca arredondada.
   Extraido da bancada aprovada, separado da folha de leitura porque vale para o
   SITE INTEIRO e nao para uma pagina. Enquanto nao for enfileirado globalmente,
   este arquivo nao afeta nada.
   ========================================================================== */

/* ===== cabecalho refinado: COPIA LITERAL do bloco da home nova (index.html 133-146) =====
   Sem ele a logo renderizava 112px em vez de 136px e o botao Entrar 74,1px em vez de 81,3px.
   Como o .sb-header__inner e flex com space-between, essa diferenca empurrava o menu inteiro
   8,4px para a esquerda e as ferramentas 7,2px para a direita, contra a home.
   Ordem do dono em 05/08: o cabecalho e o MESMO em toda pagina, com a transparencia. */
.sb-header{transition:background .3s ease, box-shadow .3s ease, border-color .3s ease}
.sb-header .sb-header__inner{padding-top:10px;padding-bottom:10px}
.sb-header .sb-logo{height:34px;width:auto}
.sb-header.nv-vidro{background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid rgba(20,20,19,.06);box-shadow:0 1px 14px rgba(0,0,0,.05)}
@supports not (backdrop-filter:blur(1px)){.sb-header.nv-vidro{background:rgba(255,255,255,.95)}}
/* Entrar: contorno translucido, nao mais bloco solido (ordem do dono 05/08:
   "mais sofisticado, talvez arredondado, transparente com borda").
   Texto carmim sobre branco da 5,04:1, acima do minimo AA de 4,5. */
.sb-header__cta{border-radius:999px !important;padding:9px 20px !important;
  background:transparent !important;color:var(--sb-carmim,#C0392B) !important;
  border:1px solid rgba(192,57,43,.34) !important;
  font-weight:600 !important;letter-spacing:-.01em;line-height:1 !important;
  transition:background .22s ease, color .22s ease, border-color .22s ease,
             transform .22s ease, box-shadow .22s ease}
.sb-header__cta:hover{background:#C0392B !important;color:#fff !important;
  border-color:#C0392B !important;
  transform:translateY(-1px);box-shadow:0 3px 10px rgba(192,57,43,.24)}
.sb-header__cta:focus-visible{outline:3px solid #c0392b;outline-offset:2px}
.sb-header__search input{border-radius:999px}

/* CORRECAO: o negrito do rodape estava sendo pintado de #1a1a1a, exatamente a cor do fundo
   escuro do rodape, e sumia. O texto que sumia era o de compliance ("nao serve como parametro
   de escolha, de compra ou de venda"). Aqui ele herda a cor clara do proprio paragrafo. */
.sb-footer strong, .sb-footer b{ color: inherit !important; font-weight: 600 !important; }

/* =============================================================================
   RODAPE: newsletter e Acesso PRIME na identidade nova (08/08/2026)
   Ordem do dono: "esses botoes tb sao muito antigos, traz mais nossa identidade".
   O campo e o botao eram retangulos de canto reto; a casa usa pilula. O "Assinar"
   era bloco solido carmim; vira o mesmo gesto do Entrar, contorno que preenche no
   hover. O "Acesso PRIME" era um link com risco embaixo; vira pilula de contorno.
   ========================================================================== */
.sb-footer__newsletter input[type="email"]{
  border-radius: 999px !important;
  padding: 0 18px !important;
  height: 42px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 14px !important;
  transition: border-color .2s ease, background-color .2s ease;
}
.sb-footer__newsletter input[type="email"]::placeholder{ color: rgba(255,255,255,.42) !important; }
.sb-footer__newsletter input[type="email"]:focus{
  outline: none !important;
  border-color: rgba(192,57,43,.75) !important;
  background: rgba(255,255,255,.09) !important;
}
.sb-footer__newsletter input[type="email"]:focus-visible{
  outline: 3px solid #c0392b !important; outline-offset: 2px !important;
}

.sb-footer__newsletter button{
  border-radius: 999px !important;
  height: 42px !important;
  padding: 0 24px !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(192,57,43,.55) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  cursor: pointer;
  transition: background-color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.sb-footer__newsletter button:hover{
  background: #c0392b !important;
  border-color: #c0392b !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(192,57,43,.3);
}
.sb-footer__newsletter button:focus-visible{ outline: 3px solid #c0392b !important; outline-offset: 2px !important; }

/* Acesso PRIME: de link sublinhado para pilula de contorno */
.sb-footer__col a[href="/entrar/"]{
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-bottom: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  padding: 9px 18px !important;
  color: rgba(255,255,255,.88) !important;
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
}
.sb-footer__col a[href="/entrar/"]:hover{
  background: #c0392b !important;
  border-color: #c0392b !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.sb-footer__col a[href="/entrar/"]:focus-visible{ outline: 3px solid #c0392b !important; outline-offset: 2px !important; }

/* ============================================================================
   CONSERTO v3 · 10/08/2026 · o cabecalho troca o menu por hamburguer em 1000px

   Medido ao vivo: entre 901 e 999px o menu e a busca ficam visiveis e o bloco
   .sb-header__tools termina em x=998, ou seja, PASSA DA TELA em 80 das 82
   paginas. A regra do main.css so escondia o menu em 900px.

   Subir para 1000px resolve o transbordo e casa com o ponto onde a leitura
   colapsa, preservando a lei de uma linguagem so.
   ========================================================================== */

@media (max-width: 1000px){
  .sb-header__nav,
  .sb-header__search{ display: none !important; }
  .sb-header__menu-toggle{ display: flex !important; }
}