/* ============================================================
   Aviso de cookies: par de assets/js/consentimento.js
   Cores do design-guide do escritório escritas direto (não dependem dos
   tokens do site), porque o arquivo também entra nas landing pages.
   Canto inferior esquerdo, longe do WhatsApp (direita). No celular ocupa a
   largura e o botão flutuante do WhatsApp sobe a altura dele (--aviso-h).
   "Aceitar" e "Recusar" do mesmo tamanho: recusar não pode dar mais trabalho.
   ============================================================ */
.aviso-cookies {
  position: fixed; z-index: 9999;
  left: calc(20px + env(safe-area-inset-left, 0px));
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  width: min(440px, calc(100vw - 40px)); box-sizing: border-box;
  background: #FCFBF8; color: #3E4149;
  border: 1px solid #E0DCD2; border-top: 2px solid #2143CB; border-radius: 4px;
  box-shadow: 0 12px 32px rgba(20,23,31,.10), 0 24px 64px rgba(20,23,31,.08);
  padding: 18px 20px;
  font-family: 'Open Sans', -apple-system, 'Segoe UI', sans-serif; font-size: 14.5px; line-height: 1.55;
  text-align: left; user-select: text; -webkit-user-select: text;
  animation: aviso-entra .22s ease-out;
}
.aviso-cookies p { margin: 0 0 14px; color: inherit; font: inherit; }
.aviso-cookies a { color: #2143CB; text-decoration: underline; text-underline-offset: 2px; }
.aviso-cookies-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.aviso-btn {
  display: flex; align-items: center; justify-content: center; width: 100%; margin: 0;
  min-height: 42px; padding: 10px 14px; border-radius: 3px; cursor: pointer;
  font-family: 'Roboto Condensed', 'Open Sans', sans-serif; font-weight: 700; font-size: 13px;
  letter-spacing: .06em; text-transform: uppercase; line-height: 1;
  transition: background .15s ease, border-color .15s ease;
}
.aviso-recusar { background: transparent; color: #030D35; border: 1px solid #CBC5B8; }
.aviso-recusar:hover { background: #EFEDE7; }
.aviso-aceitar { background: #030D35; color: #FFFFFF; border: 1px solid #030D35; }
.aviso-aceitar:hover { background: #0A1746; }
.aviso-btn:focus-visible, .aviso-cookies a:focus-visible { outline: 2px solid #2143CB; outline-offset: 2px; }
@keyframes aviso-entra { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .aviso-cookies { animation: none; } }

/* Tema escuro do site */
[data-theme="dark"] .aviso-cookies { background: #151A23; color: rgba(255,255,255,.82); border-color: #242B38; }
[data-theme="dark"] .aviso-cookies a { color: #8FA6FF; }
[data-theme="dark"] .aviso-recusar { color: #FFFFFF; border-color: #343D4E; }
[data-theme="dark"] .aviso-recusar:hover { background: #141922; }
[data-theme="dark"] .aviso-aceitar { background: #2143CB; border-color: #2143CB; }

/* "Preferências de cookies": botão com cara de link */
.link-cookies {
  background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit;
  text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
/* Linha da política no rodapé das landing pages */
.vx-legal { margin: 18px 0 0; font-size: 13px; opacity: .85; text-align: center; }
.vx-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.vx-legal a, .vx-legal .link-cookies { font-size: 13px; font-weight: 400; letter-spacing: 0; }

/* Botão flutuante do WhatsApp (site: .wa-float; landing pages: .floating-whatsapp) */
.wa-float, .floating-whatsapp { transition: bottom .2s ease; }
@media (max-width: 640px) {
  .aviso-cookies {
    left: calc(12px + env(safe-area-inset-left, 0px)); right: calc(12px + env(safe-area-inset-right, 0px));
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)); width: auto; padding: 16px;
  }
  body.com-aviso-cookies .wa-float,
  body.com-aviso-cookies .floating-whatsapp {
    bottom: calc(var(--aviso-h, 0px) + 24px + env(safe-area-inset-bottom, 0px)) !important;
  }
}