/* ─────────────────────────────────────────────────────────────
   Aviso de consentimento do Google Analytics (js/consentimento.js).

   Só carregada quando o código do Analytics está preenchido em Ajustes.
   Discreto de propósito — um cartão pequeno no canto, sem cobrir a página
   nem escurecer o fundo: o assunto é a vitrine, o aviso é uma pergunta.
   Os dois botões têm o mesmo tamanho e o mesmo peso de leitura: recusar
   precisa ser tão fácil quanto aceitar.
   ───────────────────────────────────────────────────────────── */
.consentimento{
  position:fixed;z-index:40;left:var(--s-4);bottom:var(--s-4);
  max-width:24rem;padding:var(--s-4);
  background:var(--c-alabaster);color:var(--c-brunswick);
  border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:0 12px 32px -12px rgba(24,38,37,.35);
  font-size:.875rem;line-height:1.5;
}
.consentimento[hidden]{display:none}
.consentimento p{margin:0}
.consentimento a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.consentimento__acoes{display:flex;gap:var(--s-2);margin-top:var(--s-3)}
.consentimento__acoes button{
  flex:1;min-height:44px;padding:0 var(--s-3);cursor:pointer;
  font:inherit;font-weight:500;border-radius:var(--radius);
  border:1px solid var(--c-deep-green);
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.consentimento__sim{background:var(--c-deep-green);color:var(--c-alabaster)}
.consentimento__nao{background:transparent;color:var(--c-deep-green)}
@media (hover:hover){
  .consentimento__nao:hover{background:rgba(50,79,77,.08)}
}
.consentimento__acoes button:focus-visible{outline:2px solid var(--c-deep-berry);outline-offset:2px}

@media (max-width:640px){
  .consentimento{left:var(--s-2);right:var(--s-2);bottom:var(--s-2);max-width:none}
}

/* O link do rodapé é um botão com cara de link legal. */
.rodape__legal button{
  font:inherit;font-size:.75rem;background:none;border:0;padding:0;cursor:pointer;
  color:var(--text);opacity:.55;transition:opacity var(--dur) var(--ease);
}
.rodape__legal button:hover,.rodape__legal button:focus-visible{opacity:.9;text-decoration:underline}
.rodape__legal a + button::before{content:"·";margin-right:var(--s-4);opacity:.5}