/* Banner de cookies no modelo da Guaçu: cartão branco no pé da tela, até 768 px de largura.
   --bc-acento = cor principal do cliente (botão Aceitar); o texto do botão tem de passar 4,5:1 sobre ela. */
.banner-cookies {
  --bc-acento: #2F5D34; --bc-acento-texto: #FFFFFF; --bc-texto: #1F2328; --bc-suave: #4B5563;
  position: fixed; inset: auto 0 0 0; z-index: 60; padding: 16px;
}
.banner-cookies[hidden] { display: none; }
.banner-cookies__cartao {
  max-width: 768px; margin: 0 auto; padding: 20px 22px;
  background: #FFFFFF; color: var(--bc-suave);
  border: 1px solid rgb(0 0 0 / .1); border-radius: 12px; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
  font-size: .875rem; line-height: 1.55;
}
.banner-cookies__titulo { margin: 0; font-size: 1rem; font-weight: 700; color: var(--bc-texto); }
.banner-cookies p { margin: 8px 0 0; }
.banner-cookies strong { color: var(--bc-texto); }
/* Link sobre branco: acento claro (laranja, amarelo) não passa 4,5:1 — aí defina --bc-link mais escuro. */
.banner-cookies a { color: var(--bc-link, var(--bc-acento)); text-decoration: underline; }
.banner-cookies__opcoes { display: grid; gap: 10px; margin-top: 14px; }
.banner-cookies__opcoes label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.banner-cookies__opcoes input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--bc-acento); flex-shrink: 0; }
.banner-cookies__botoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.banner-cookies button {
  min-height: 44px; padding: 0 20px; border-radius: 8px; cursor: pointer;
  font: inherit; font-weight: 600; border: 1px solid transparent; background: none;
}
.banner-cookies__principal { background: var(--bc-acento) !important; color: var(--bc-acento-texto); }
.banner-cookies__secundario { border-color: rgb(0 0 0 / .2) !important; color: var(--bc-texto); }
.banner-cookies__link { color: var(--bc-suave); text-decoration: underline; }
.banner-cookies button:focus-visible { outline: 2px solid var(--bc-acento); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .banner-cookies:not([hidden]) { animation: bc-sobe .3s ease-out; }
  @keyframes bc-sobe { from { transform: translateY(100%); } }
}

/* Vitrine JKL: marinho e laranja da marca; link em laranja escuro (4,5:1 no branco). */
.banner-cookies { --bc-acento: #0b2545; --bc-acento-texto: #ffffff; --bc-link: #b35300; --bc-texto: #0b2545; }