/* Painel de consentimento de cookies (assets/js/consentimento.js). Fixo no rodape,
   escuro e discreto como o resto das paginas; nao cobre o conteudo essencial. */
/* Item DET 32 — a cor do botao "Aceitar" por marca do site.
   O botao computava rgb(227,178,90) = #E3B25A nos sete enderecos do ecossistema,
   inclusive no Champions e na TWE Educacao, e #E3B25A nao e nem o dourado oficial
   da LudLux (#E7BC60).

   A cor vem de uma variavel, e nao de valor fixo, porque ESTE ARQUIVO e copiado
   para twe-sites-institucionais por tools/tudo.py de la: um valor fixo aqui
   repintaria ludlux.com.br e twe.life junto, sem ninguem pedir. Cada pagina diz a
   sua marca em data-marca no <body> (tools/det32_marca_consentimento.py nas LPs) e
   so ela muda de cor.

   O padrao continua #E3B25A de proposito: enquanto um endereco nao declarar a
   marca, ele fica exatamente como esta hoje. twe.life nao entra porque o item nao
   diz a cor dele — e decisao do Marketing.

   Contraste medido do texto #0A0907 sobre cada fundo (formula da WCAG):
   #E3B25A 10,22:1 · #E7BC60 11,15:1 · #27B190 7,37:1. Nenhum reprova. */
.consentimento {
  --consentimento-acao: #E3B25A;
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9995;
  max-width: 640px; margin: 0 auto; padding: 16px 18px;
  background: rgba(10, 9, 7, .96); color: #F4EFE6;
  border: 1px solid rgba(255, 227, 163, .28); border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
  font: 500 14px/1.5 "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.consentimento p { margin: 0 0 12px; }
.consentimento a { color: #FFE3A3; }
.consentimento-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
[data-marca="ludlux"] .consentimento { --consentimento-acao: #E7BC60; }
[data-marca="champions"] .consentimento { --consentimento-acao: #27B190; }
.consentimento button {
  cursor: pointer; padding: 10px 18px; border-radius: 8px;
  border: 1px solid var(--consentimento-acao);
  background: var(--consentimento-acao); color: #0A0907; font: inherit; font-weight: 700;
}
.consentimento button.consentimento-recusar,
.consentimento button.consentimento-escolher { background: transparent; color: #FFE3A3; }
.consentimento button:hover { filter: brightness(1.08); }

/* Categorias do plano de medicao v1.3 (Analytics e Publicidade). So aparecem
   quando a pessoa clica em "Escolher" — o caminho curto continua sendo dois
   botoes, para nao transformar um aviso em formulario. */
.consentimento-detalhe { margin: 0 0 12px; display: grid; gap: 8px; }
.consentimento-detalhe label {
  display: flex; align-items: flex-start; gap: 8px; cursor: pointer; line-height: 1.45;
}
.consentimento-detalhe input { margin-top: 3px; accent-color: #E3B25A; flex: none; }
.consentimento-detalhe strong { color: #FFE3A3; font-weight: 700; }
.consentimento-nota { margin: 2px 0 0; font-size: 13px; opacity: .78; }

@media (min-width: 700px) { .consentimento { left: auto; right: 24px; bottom: 24px; } }