/* ---------- Aviso de cookies (LGPD) ---------- */
/* Celular: faixa fina colada no rodapé da tela, com o fio de ouro no topo.
   Texto à esquerda abrindo com o traço da marca; "Recusar" discreto e "Aceitar" no ouro do CTA. */
.vx-cookies {
  position: fixed; z-index: 60; left: 0; right: 0; bottom: 0;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) 18px;
  background: rgba(13,13,12,.94);
  box-shadow: 0 -1px 0 rgba(201,164,92,.28), 0 -18px 40px -24px rgba(0,0,0,.9);
  -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2);
  font-family: "Manrope", system-ui, sans-serif; color: #E9E5DA;
  opacity: 0; transform: translateY(100%);
  transition: opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1);
}
.vx-cookies.visivel { opacity: 1; transform: none; }
.vx-cookies p { flex: 1; min-width: 0; margin: 0; font-size: 13px; line-height: 1.45; color: #A39E90; }
.vx-cookies p::before {
  content: ""; display: inline-block; width: .62em; height: 1.05em; margin-right: .6em; vertical-align: -.18em;
  background: #C9A45C; clip-path: polygon(55% 0, 100% 0, 45% 100%, 0 100%);
}
.vx-cookies a {
  color: #E9E5DA; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: rgba(233,229,218,.35); border-radius: 4px; white-space: nowrap;
}
.vx-cookies a:hover { text-decoration-color: currentColor; }
.vx-cookies-acoes { display: flex; align-items: center; gap: 4px; flex: none; }
/* botões de 36px com área de toque de 44px */
.vx-cookies button {
  position: relative; height: 36px; border: 0; border-radius: 999px; cursor: pointer;
  font: 600 13px/1 "Manrope", system-ui, sans-serif; letter-spacing: .01em;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .2s, color .2s, opacity .2s;
}
.vx-cookies button::after { content: ""; position: absolute; inset: -4px -2px; }
.vx-cookies .recusar { padding: 0 12px; background: transparent; color: #A39E90; }
.vx-cookies .recusar:hover { color: #E9E5DA; background: rgba(233,229,218,.06); }
.vx-cookies .aceitar { padding: 0 18px; background: #C9A45C; color: #0D0D0C; }
.vx-cookies .aceitar:hover { background: #D6B572; }
.vx-cookies button:active { opacity: .8; }
.vx-cookies a:focus-visible, .vx-cookies button:focus-visible {
  outline: 2px solid #E9E5DA; outline-offset: 3px;
}

/* WhatsApp sobe acima do aviso no celular (usa `translate` p/ não brigar com o transform do hover) */
html .flutuante { transition: transform .5s var(--facil, ease), opacity .4s, translate .35s cubic-bezier(.2,.8,.2,1); }
@media (max-width: 759px) {
  html.cookies-aberto .flutuante { translate: 0 calc(-1 * (var(--cookies-h, 0px) + 8px)); }
}

/* Desktop: a mesma faixa vira um cartão baixo no canto inferior esquerdo */
@media (min-width: 760px) {
  .vx-cookies {
    left: 20px; right: auto; bottom: calc(20px + env(safe-area-inset-bottom));
    gap: 20px; padding: 8px 8px 8px 18px; border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(233,229,218,.12), 0 18px 40px -18px rgba(0,0,0,.85);
    transform: translateY(14px);
  }
  .vx-cookies p { white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  .vx-cookies { transform: none; transition: opacity .15s linear; }
  html .flutuante { transition: transform .5s var(--facil, ease), opacity .4s; }
}