/* ============================================================
   TEMA DA MARCA PARA O vanilla-cookieconsent
   Sobrepõe as variáveis padrão da biblioteca (definidas em
   /assets/vendor/cookieconsent/cookieconsent.css) com a paleta
   do Instituto Luance. Não editar o arquivo da biblioteca.
   ============================================================ */
#cc-main {
  --cc-font-family: var(--sans);
  --cc-modal-border-radius: var(--r-lg);
  --cc-btn-border-radius: var(--r);
  --cc-bg: var(--creme2);
  --cc-primary-color: var(--texto);
  --cc-secondary-color: var(--suave);
  --cc-link-color: var(--verde);

  --cc-btn-primary-bg: var(--ambar);
  --cc-btn-primary-color: var(--verde);
  --cc-btn-primary-border-color: var(--ambar);
  --cc-btn-primary-hover-bg: #b67a32;
  --cc-btn-primary-hover-color: var(--verde);
  --cc-btn-primary-hover-border-color: #b67a32;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--verde);
  --cc-btn-secondary-border-color: var(--linha);
  --cc-btn-secondary-hover-bg: transparent;
  --cc-btn-secondary-hover-color: var(--verde);
  --cc-btn-secondary-hover-border-color: var(--ouro);

  --cc-toggle-on-bg: var(--salvia);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-bg: var(--linha);
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: var(--verde);
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--verde);
  --cc-toggle-enabled-icon-color: #fff;
  --cc-toggle-disabled-icon-color: var(--claro);

  --cc-cookie-category-block-bg: var(--creme);
  --cc-cookie-category-block-border: var(--linha);
  --cc-cookie-category-block-hover-bg: var(--bege);
  --cc-cookie-category-block-hover-border: var(--linha);
  --cc-cookie-category-expanded-block-bg: var(--creme);
  --cc-cookie-category-expanded-block-hover-bg: var(--creme);
  --cc-section-category-border: var(--linha);
  --cc-separator-border-color: var(--linha);

  --cc-footer-bg: var(--creme2);
  --cc-footer-border-color: var(--linha);
  --cc-footer-color: var(--suave);
  --cc-overlay-bg: rgba(22, 40, 28, .55);
}

#cc-main .cm {
  box-shadow: var(--shadow);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: var(--serif);
  font-weight: 500
}

/* Sempre mostrar a descrição de cada categoria (Necessários, Analytics,
   Publicidade), sem exigir um clique para "expandir". Por padrão a
   biblioteca esconde a descrição atrás de um clique no título, o que
   deixava a apresentação inconsistente: cada categoria podia estar num
   estado diferente (aberta ou fechada) dependendo do que a pessoa já
   tivesse clicado. Isso também deixa a escolha mais informada, já que
   ninguém precisa descobrir que dá para clicar para ler o motivo de
   cada categoria. */
#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 999px;
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  display: flex !important;
  border-radius: var(--r);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#cc-main .pm__section--expandable .pm__section-title {
  cursor: default;
  pointer-events: none;
}

#cc-main .pm__section--expandable .pm__section-arrow {
  display: none;
}