/* Barra de consentimento. Mora num arquivo porque a CSP desta LP nao aceita estilo embutido.
   As cores vao literais de proposito: termos, privacidade, guias e interesse nao carregam o
   styles.css, entao variavel de tema aqui virava cor vazia e a barra aparecia sem fundo.
   Aceitar e Recusar tem o mesmo peso: os dois sao botoes secundarios iguais (contorno, mesmo
   tamanho), sem ouro. A escolha e da pessoa; a barra nao empurra nenhuma das duas. */
.hab-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  padding:18px max(20px,env(safe-area-inset-left)) calc(18px + env(safe-area-inset-bottom));
  background:#242631;border-top:1px solid #3B3F52;
  color:#F4F3F8;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;
  box-shadow:0 -8px 24px rgba(0,0,0,.28);
}
.hab-consent[hidden]{display:none}
.hab-consent p{max-width:78ch;margin:0;color:#F4F3F8}
.hab-consent a{color:#F4F3F8;text-decoration:underline;text-underline-offset:3px}
.hab-consent a:hover{color:#B9BBC9}
.hab-consent-actions{display:flex;gap:12px;flex-wrap:wrap}
.hab-consent button,
.hab-consent button.hab-consent-yes,
.hab-consent button.hab-consent-no{
  min-width:120px;min-height:48px;padding:12px 24px;border-radius:8px;
  border:1px solid #B9BBC9;background:transparent;color:#F4F3F8;
  font-family:inherit;font-size:17px;font-weight:600;line-height:1.3;cursor:pointer;
  transition:background .12s,border-color .12s;
}
.hab-consent button:hover{background:#2E3140;border-color:#F4F3F8}
.hab-consent button:focus-visible{outline:3px solid #A47200;outline-offset:3px}

@media (max-width:760px){
  .hab-consent{gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));font-size:14px}
  .hab-consent p{max-width:none}
  .hab-consent-actions{width:100%}
  .hab-consent-actions button{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .hab-consent button{transition:none}
}