/*
 * Aviso de cookies (inc/terceiros.php).
 * O tema pode sobrescrever as variáveis --consent-* no seu :root.
 */
:root {
  --consent-fundo: #FFFFFF;
  --consent-texto: #0F1B3D;
  --consent-suave: #4A5578;
  --consent-borda: #D5DCEB;
  --consent-primaria: #2A54D3;
  --consent-primaria-texto: #FFFFFF;
  --consent-foco: #0F1B3D;
  --consent-raio: 14px;
  --consent-sombra: 0 12px 40px rgba(15, 27, 61, 0.22);
  --consent-fonte: inherit;
  --consent-espaco: 16px;
  --consent-z: 60;
}

.consent {
  position: fixed;
  left: var(--consent-espaco);
  right: var(--consent-espaco);
  bottom: var(--consent-espaco);
  z-index: var(--consent-z);
  display: grid;
  gap: 12px;
  max-width: 560px;
  max-height: calc(100vh - 2 * var(--consent-espaco));
  overflow-y: auto;
  padding: 20px;
  background: var(--consent-fundo);
  color: var(--consent-texto);
  border: 1px solid var(--consent-borda);
  border-radius: var(--consent-raio);
  box-shadow: var(--consent-sombra);
  font-family: var(--consent-fonte);
  font-size: 15px;
  line-height: 1.5;
}
.consent[hidden],
.consent__opcoes[hidden],
.consent__botao[hidden] { display: none; }

.consent__titulo { margin: 0; font-size: 17px; line-height: 1.3; }
.consent__texto { margin: 0; color: var(--consent-suave); }
.consent__texto a { color: var(--consent-primaria); }

.consent__opcoes { display: grid; gap: 10px; }
.consent__opcao { display: flex; gap: 10px; align-items: flex-start; color: var(--consent-suave); cursor: pointer; }
.consent__opcao strong { display: block; color: var(--consent-texto); }
.consent__opcao input { width: 18px; height: 18px; margin-top: 3px; flex: none; accent-color: var(--consent-primaria); }

.consent__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.consent__botao {
  flex: 1 1 auto;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--consent-borda);
  border-radius: calc(var(--consent-raio) - 4px);
  background: transparent;
  color: var(--consent-texto);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.consent__botao--primario {
  background: var(--consent-primaria);
  border-color: var(--consent-primaria);
  color: var(--consent-primaria-texto);
}
.consent__botao:focus-visible,
.consent__texto a:focus-visible,
.consent__opcao input:focus-visible { outline: 3px solid var(--consent-foco); outline-offset: 2px; }

/* links "Preferências de cookies" em rodapés: aparência de link */
.consent-link {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}