/* =====================================================================
   VALENTEC — Aviso de cookies (assets/js/components/consent.js)
   ---------------------------------------------------------------------
   Cartão fixo no canto inferior direito, logo acima do botão flutuante
   do WhatsApp (desktop), ou na base da tela (celular). No desktop fica
   do lado da foto do hero, sem cobrir o texto e o botão principal. Fica acima do cabeçalho e do WhatsApp flutuante e abaixo
   do menu do celular, do pré-carregamento e da cortina de transição.
   ===================================================================== */
.consent {
  position: fixed;
  right: 24px;
  bottom: 104px;   /* 24px + 64px do WhatsApp flutuante + 16px de respiro */
  z-index: 70;
  width: min(440px, calc(100vw - 48px));
  padding: 22px 22px 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: var(--navy);
  box-shadow: 0 30px 60px -24px rgba(2,11,28,.55);
  color: #fff;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .4s var(--ease), transform .4s var(--ease);
}

.consent.is-in {
  opacity: 1;
  transform: none;
}

.consent[hidden] {
  display: none;
}

.consent-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.01em;
}

.consent-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(222,233,255,.78);
}

.consent-text a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.consent-text a:hover {
  color: var(--brand-hi);
}

/* botões com o mesmo peso: recusar é tão fácil quanto aceitar */
.consent-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 18px;
}

.consent-btn {
  height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 10px;
  font-size: 14.5px;
  font-weight: 600;
  color: #fff;
  transition: background .25s, border-color .25s, color .25s;
}

.consent-btn:hover {
  border-color: #fff;
  background: rgba(255,255,255,.08);
}

.consent-btn--primary {
  border-color: var(--brand-2);
  background: var(--brand-2);
}

.consent-btn--primary:hover {
  border-color: var(--brand);
  background: var(--brand);
}

.consent-btn:focus-visible,
.consent-text a:focus-visible {
  outline: 2px solid var(--brand-hi);
  outline-offset: 3px;
}

/* celular: ocupa a largura e esconde o WhatsApp flutuante enquanto está aberto */
@media (max-width: 720px) {
  .consent {
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
    left: 16px;
    width: auto;
    padding: 18px;
  }

  .consent-open .wa-float {
    visibility: hidden;
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .consent {
    transition: none;
  }
}