/* Aviso de cookies (client/public/consentimento.js) — /home, /academy e
   /privacidade. Usa os tokens das três páginas (sistema Cianotipia), com o
   valor da /home como reserva.

   Desenho: cartão no canto inferior (lado inicial da leitura), sem véu e
   sem prender o foco — a página continua inteira usável com o aviso aberto.
   Enquanto ele está à vista, o <html> ganha `com-cookies` e o corpo, um
   respiro embaixo do tamanho do cartão: o fim da página (rodapé, último
   botão) sempre consegue rolar para cima dele.

   Os dois botões têm o MESMO desenho, de propósito: recusar não pode ser
   mais difícil de achar que aceitar. */
.cookies{
  position:fixed; z-index:70;
  inset-inline-start:16px; bottom:16px;
  width:min(420px, calc(100% - 32px));
  background:var(--ground-2, #102A4B);
  color:var(--ink, #EAF0F7);
  border:1px solid var(--line-2, #2F5482);
  border-radius:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px; line-height:1.45;
}
.cookies[hidden]{display:none}
.cookies-in{padding:14px 16px 14px}
.cookies-tit{margin:0 0 4px; font-family:Jost,"Futura","Avenir Next",system-ui,sans-serif; font-weight:500; font-size:16px; letter-spacing:.01em}
.cookies-txt{margin:0; color:var(--ink-2, #A3B5CB)}
.cookies-txt a{color:var(--ink, #EAF0F7); text-decoration:underline; text-decoration-color:var(--accent, #F0953C); text-underline-offset:.2em}
.cookies-estado{margin:6px 0 0; font-size:13px; color:var(--ink-3, #8096B2)}
.cookies-estado[hidden]{display:none}
.cookies-acoes{display:flex; gap:10px; margin-top:12px}
.cookies-bt{
  flex:1 1 0; min-height:44px; padding:.5rem 1rem;
  font:600 15px/1.2 "Source Sans 3",system-ui,sans-serif;
  color:var(--ink, #EAF0F7); background:transparent;
  border:1px solid var(--ink-2, #A3B5CB); border-radius:8px; cursor:pointer;
}
.cookies-bt:hover{background:var(--ink, #EAF0F7); color:var(--ground, #0B1F3A); border-color:var(--ink, #EAF0F7)}
.cookies-bt:focus-visible,.cookies-txt a:focus-visible{outline:2px solid var(--accent, #F0953C); outline-offset:3px}

html.com-cookies body{padding-bottom:var(--cookies-h, 0px)}

/* O botão do rodapé que reabre o aviso: parece link, é botão (não navega). */
.link-cookies{
  font:inherit; color:inherit; background:none; border:0; padding:0; margin:0;
  cursor:pointer; text-decoration:none;
}
.link-cookies:hover{color:var(--ink, #EAF0F7)}
.link-cookies:focus-visible{outline:2px solid var(--accent, #F0953C); outline-offset:3px}

@media (max-width:600px){
  .cookies{inset-inline-start:10px; bottom:10px; width:calc(100% - 20px); font-size:14px}
  .cookies-in{padding:12px 14px}
  .cookies-acoes{margin-top:10px}
}
@media print{ .cookies{display:none} }