/* Aviso de cookies (Google Analytics com Consent Mode) — montado por js/analytics.js.
   Sem referência no Figma: usa as peças do site (etiqueta mono com linha dourada, botões mono). */

.aviso-cookies {
  position: fixed;
  z-index: 70;   /* acima do header (fixo) e do botão "Chame a gente" */
  left: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: min(420px, calc(100% - 48px));
  padding: 18px 20px 20px;
  border: 1px solid var(--logo-claro);
  background: var(--creme-kalina);
  box-shadow: 0 8px 28px rgb(27 35 64 / 0.12);
}

.aviso-cookies__texto {
  color: var(--texto-claro);
  font-size: 0.875rem;
  line-height: 1.55;
}

/* "COOKIES" + linha dourada, como as etiquetas das seções */
.aviso-cookies__titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  color: var(--navy-kalina);
  font-family: var(--fonte-mono);
  font-size: var(--fs-etiqueta);
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.aviso-cookies__titulo::after {
  content: "";
  width: 40px;
  height: 1px;
  background: var(--dourado-kalina);
}

.aviso-cookies__texto a {
  color: var(--navy-kalina);
  text-decoration: underline 1px var(--dourado-kalina);
  text-underline-offset: 3px;
}

.aviso-cookies__botoes {
  display: flex;
  gap: 10px;
}

/* Também usado no botão "Rever minha escolha de cookies" da política de privacidade */
.aviso-cookies__botao {
  min-height: 40px;
  padding: 8px 18px;
  border: 1px solid var(--navy-kalina);
  background: var(--creme-kalina);
  color: var(--navy-kalina);
  font-family: var(--fonte-mono);
  font-size: var(--fs-botao);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.aviso-cookies__botao--aceitar {
  background: var(--navy-kalina);
  color: var(--creme-kalina);
}

@media (hover: hover) {
  .aviso-cookies__botao:hover {
    background: var(--navy-kalina);
    color: var(--creme-kalina);
  }

  .aviso-cookies__botao--aceitar:hover {
    border-color: var(--dourado-kalina);
    background: var(--dourado-kalina);
    color: var(--navy-kalina);
  }
}

@media (max-width: 767px) {
  .aviso-cookies {
    left: 16px;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    width: auto;
    padding: 16px;
  }

  .aviso-cookies__botoes .aviso-cookies__botao {
    flex: 1;
  }

  /* Enquanto o aviso está aberto, o botão flutuante sairia por cima dele */
  .aviso-cookies-aberto .chame-a-gente {
    display: none;
  }
}