/* Aviso de cookies (montado pelo js/medicao.js). Usado no index.html e na privacidade.html, por isso
   as cores vão escritas aqui mesmo, sem depender das variáveis do estilo.css. */
.aviso-cookies {
  position: fixed; z-index: 90;
  left: clamp(16px, 3.4vw, 44px); bottom: max(16px, env(safe-area-inset-bottom));
  width: min(420px, calc(100% - 32px));
  padding: 16px 18px 18px;
  border-radius: 18px;
  background: #1A0E09; color: #F5EBE0;
  box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(245, 235, 224, .14);
  font: 400 14px/1.45 Inter, "Helvetica Neue", Arial, sans-serif;
}
.aviso-cookies[hidden],
body.carregando .aviso-cookies { display: none; } /* não aparece por cima do loading */
.aviso-cookies p { margin: 0; }
.aviso-cookies a { color: #F4A688; }
/* recusar e aceitar do mesmo tamanho: recusar tem de ser tão fácil quanto aceitar */
.aviso-cookies-acoes { display: flex; gap: 8px; margin-top: 14px; }
.aviso-cookies-botao {
  flex: 1;
  padding: 11px 14px;
  border: 1px solid rgba(245, 235, 224, .5); border-radius: 999px;
  background: transparent; color: inherit;
  font: 600 14px/1 Inter, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
}
.aviso-cookies-botao--aceitar { background: #F5EBE0; border-color: #F5EBE0; color: #2A1810; }
.aviso-cookies-botao:focus-visible { outline: 2px solid #E8633A; outline-offset: 2px; }