/* ============================================================================
   roo3.co | barra de consentimento.

   Usa as variáveis do page.css (--pg-neon, --pg-black, --pg-white, --pg-dim,
   --pg-border). Nenhuma cor solta: se o tema mudar, a barra muda junto.

   Fica ACIMA de tudo, inclusive do widget do CRM e da barra de leitura dos
   artigos, porque enquanto ela está na tela nada foi consentido ainda. z-index
   alto de propósito: uma barra de consentimento coberta por outro elemento é
   uma barra que não foi mostrada.
   ========================================================================= */

.cons-barra {
  position: fixed; z-index: 2147483000;
  left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 16px 20px;
  background: rgba(14, 14, 14, .97);
  border-top: 1px solid var(--pg-border, rgba(255,255,255,.1));
  box-shadow: 0 -10px 34px rgba(0, 0, 0, .5);
  color: var(--pg-white, #f5f5f5);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: .92rem; line-height: 1.5;
  animation: cons-sobe .28s ease both;
}
@supports (backdrop-filter: blur(12px)) {
  .cons-barra { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
}

@keyframes cons-sobe { from { transform: translateY(100%); } to { transform: none; } }

.cons-texto { flex: 1 1 420px; min-width: 0; color: var(--pg-dim, rgba(255,255,255,.7)); }
.cons-texto strong { color: var(--pg-white, #f5f5f5); font-weight: 600; }
.cons-texto a { color: var(--pg-neon, #a3ff47); text-decoration: underline; text-underline-offset: 2px; }

.cons-acoes { display: flex; gap: 10px; flex: 0 0 auto; }

.cons-btn {
  /* 44px é o alvo de toque mínimo. A maior parte do tráfego chega de celular, e
     um botão de consentimento difícil de acertar empurra a pessoa para o que for
     maior, o que enviesa a resposta. Os dois têm o mesmo tamanho de propósito. */
  min-height: 44px; padding: 0 20px;
  border-radius: 100px; border: 0; cursor: pointer;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: .92rem; font-weight: 600; white-space: nowrap;
  transition: filter .18s, background .18s, color .18s;
}
.cons-btn:focus-visible { outline: 2px solid var(--pg-neon, #a3ff47); outline-offset: 3px; }

.cons-btn--aceitar { background: var(--pg-neon, #a3ff47); color: var(--pg-black, #0a0a0a); }
.cons-btn--aceitar:hover { filter: brightness(1.08); }

/* "Recusar" NÃO é um link cinza escondido. Mesmo tamanho, mesmo peso, contorno
   visível. Esconder a recusa é o padrão escuro mais comum em banner de cookie, e
   invalida o consentimento justamente por não ser livre. */
.cons-btn--recusar {
  background: transparent; color: var(--pg-white, #f5f5f5);
  border: 1.5px solid rgba(255, 255, 255, .34);
}
.cons-btn--recusar:hover { background: rgba(255, 255, 255, .08); }

/* Sobe o botão flutuante de WhatsApp enquanto a barra estiver na tela, senão um
   cobre o outro no celular. */
.tem-banner-consentimento .pg-wa-float { bottom: 104px; }

@media (max-width: 640px) {
  .cons-barra { padding: 14px 16px; gap: 12px; font-size: .88rem; }
  .cons-acoes { width: 100%; }
  .cons-btn { flex: 1 1 0; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .cons-barra { animation: none; }
}

@media print { .cons-barra { display: none !important; } }