/* Barra de consentimento do sistema. Casca grafite e ouro como unica acao, na gramatica do
   escritorio. Cores explicitas porque o arquivo e servido cru, fora do tema claro/escuro. */
.hab-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:120;
  display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;
  padding:16px max(20px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom));
  background:#242631;border-top:1px solid #303446;
  color:#ecedf3;
  font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5;
  box-shadow:0 -8px 24px rgba(0,0,0,.28);
}
.hab-consent p{max-width:78ch;margin:0;color:#c8cad6}
.hab-consent a{color:#e8b352;text-decoration:underline;text-underline-offset:3px}
.hab-consent a:hover{color:#f2c877}
.hab-consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.hab-consent button{
  min-height:44px;padding:10px 20px;border-radius:8px;border:1px solid transparent;
  font-family:inherit;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer;
  transition:background 120ms cubic-bezier(.4,0,.2,1),border-color 120ms cubic-bezier(.4,0,.2,1);
}
.hab-consent button.hab-consent-yes{color:#231a09;background:#e8b352}
.hab-consent button.hab-consent-yes:hover{background:#d9a441}
.hab-consent button.hab-consent-no{color:#ecedf3;background:none;border-color:#3d4154}
.hab-consent button.hab-consent-no:hover{border-color:#8e90a3}
.hab-consent button:focus-visible{outline:3px solid rgba(232,179,82,.45);outline-offset:2px}

@media (max-width:760px){
  .hab-consent{gap:14px;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} }