/*
 * Cartão da Gente — ajuste do menu para o link "Minha conta".
 * O site-v8.css continua intocado; este arquivo é carregado logo depois dele.
 *
 * Com seis links, entre 1151px e 1219px os rótulos quebravam em duas linhas.
 * Nessa faixa o menu usa o mesmo espaçamento compacto que o site-v8.css já
 * aplica abaixo de 1150px. Acima de 1220px nada muda.
 */

@media (min-width: 1101px) {
  .nav-links a,
  .nav .btn { white-space: nowrap }
}

@media (min-width: 1151px) and (max-width: 1219px) {
  .nav { gap: 18px }
  .nav-links a { padding: 8px 11px; font-size: .8125rem }
  .nav .btn { font-size: .8125rem; padding-left: 16px; padding-right: 12px }
}

/* Rodapé azul */
.footer { background: linear-gradient(135deg, #2474e5 0%, #1255bd 55%, #0b3d93 100%); color: #e6efff; border-top: 0 }
.footer .overline, .footer-bottom p, .footer-brand > span { color: #cfe0fb }
.footer a:hover { color: #fff; text-decoration: underline }
.footer-phone .icon { color: #fff }
.footer a, .footer-brand p, .footer-contact .footer-phone { color: #fff }
.footer-bottom { border-top-color: #ffffff38 }

/* Links do menu (#beneficios, #duvidas...): a seção para logo abaixo do cabeçalho fixo.
   O site-v8.css somava scroll-padding no html e scroll-margin na seção (o dobro do cabeçalho). */
html { scroll-padding-top: 96px }
section[id], div[id] { scroll-margin-top: 0 }
@media (max-width: 800px) { html { scroll-padding-top: 81px } }

/* Rede credenciada: Voltar no canto de cima à direita do quadro de busca, na linha dos
   rótulos (computador e celular), com a seta branca. */
.network-filters { position: relative }
.voltar-busca { position: absolute; top: 18px; right: 26px; z-index: 2; display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 13px 5px 10px; border-radius: 999px; background: var(--blue); color: #fff; font-size: .8125rem; font-weight: 700; line-height: 1.4;
  text-decoration: none; box-shadow: 0 6px 14px #2474e540; transition: background .15s, transform .15s }
.voltar-busca:hover { background: var(--navy); color: #fff; transform: translateY(-1px) }
.voltar-busca:focus-visible { outline: 3px solid var(--sky); outline-offset: 2px }
.voltar-busca .icon, .voltar-busca svg { width: 16px; height: 16px; color: #fff; stroke: #fff }
/* Seja parceiro: o mesmo botão, na linha do título "Cadastro de parceiro", à direita */
.voltar-busca.voltar-inline { position: static; flex: none }
@media (max-width: 800px) { .voltar-busca { top: 12px; right: 16px } }

/* Rodapé: logo toda branca (o arquivo tem o "da Gente" e o ícone em azul) */
.footer-brand img { filter: brightness(0) invert(1) }

/* Rodapé sem o bloco de contato (o WhatsApp fica no botão 24h): marca e links lado a lado */
.footer-main { grid-template-columns: 1fr auto }
@media (max-width: 800px) { .footer-main { grid-template-columns: 1fr } }

/* Aviso de cookies (só aparece quando há pixel configurado) */
.cookie-aviso { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 70; max-width: 760px; margin: 0 auto; display: flex; gap: 16px;
  align-items: center; justify-content: space-between; padding: 16px 18px; border-radius: 16px; background: #fff; color: var(--ink);
  border: 1px solid #dbe4f2; box-shadow: 0 18px 50px #00163c33; font-size: .875rem; line-height: 1.5 }
.cookie-aviso[hidden] { display: none }
.cookie-aviso p { margin: 0 }
.cookie-aviso a { color: var(--blue) }
.cookie-aviso > div { display: flex; gap: 8px; flex: none }
.btn-outline-escuro { background: transparent; color: var(--navy); border: 1px solid #cfdae4 }
.btn-outline-escuro:hover { border-color: var(--navy) }
@media (max-width: 600px) { .cookie-aviso { flex-direction: column; align-items: stretch; bottom: 84px } .cookie-aviso > div > .btn { flex: 1; justify-content: center } }