/* consent.css : aviso de cookies (consent.js) e botao "Preferencias de cookies" do rodape. Prefixo .consent-*. (12/10/2026)
   Adaptado do 91-consent.css da logosweb-v3. Serve as tres paginas (landing.css e site.css), por isso usa cores
   proprias da paleta da Lu em vez das variaveis de cada folha.
   Barra compacta fixa em baixo: nao empurra nada (sem deslocamento) e aparece de imediato (sem animacao de entrada).
   Aceitar e Recusar tem exatamente a mesma classe (mesmo peso). Enquanto a barra esta aberta (html.consent-aberto, posto
   pelo consent.js) o botao fixo "Fazer minha inscricao" do celular esconde-se, para os dois nao se sobreporem. */
.consent {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 40;
  max-width: 880px; margin: 0 auto;
  display: flex; align-items: center; gap: 12px 24px;
  padding: 14px 16px 14px 24px;
  background: #FFFFFF; color: #2C332C;
  border: 1px solid #D3DDD3; border-radius: 16px;
  box-shadow: 0 10px 30px rgba(44, 51, 44, .14);
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}
.consent[hidden] { display: none; }
.consent-texto { flex: 1 1 auto; margin: 0; font-size: 14px; line-height: 1.5; color: #2C332C; }
.consent-texto a { color: #2C332C; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; cursor: pointer; }
.consent-texto a:hover { color: #5E6E5E; }
.consent-accoes { display: flex; gap: 12px; flex: none; }
.consent-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 112px; min-height: 44px; padding: 0 22px; border-radius: 999px;
  background: #FFFFFF; color: #2C332C; border: 1px solid #5E6E5E;
  font: 600 15px/1 'Montserrat', 'Helvetica Neue', Arial, sans-serif; cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.consent-btn:hover { background: #F4F7F4; border-color: #4F5D4F; }
.consent-btn:focus-visible { outline: 3px solid #5E6E5E; outline-offset: 2px; }

html.consent-aberto { scroll-padding-bottom: 152px; }
html.consent-aberto .cta-fixo { visibility: hidden; pointer-events: none; }

/* Rodape: aspeto de link. Sem JavaScript (ou sem Pixel configurado) fica escondido pelo atributo hidden. */
.consent-abrir {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0;
  background: none; border: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px;
  cursor: pointer; transition: color .2s ease;
}
.consent-abrir:hover { color: #2C332C; }
.consent-abrir[hidden] { display: none; }

/* Celular: texto em cima, os dois botoes lado a lado por baixo */
@media (max-width: 640px) {
  .consent { left: 8px; right: 8px; bottom: 8px; flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
  .consent-texto { font-size: 13px; line-height: 1.4; }
  .consent-accoes { gap: 8px; }
  .consent-btn { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 0 16px; font-size: 14px; }
}
@media print {
  .consent { display: none !important; }
}