/* CardioAtt — banner de aviso LGPD (assets/consent.js).
   Usa as variáveis do :root do index.html (--bg2, --border, --text, --text2, --blue),
   com fallbacks para páginas estáticas que definam menos variáveis. */
.ca-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;margin:0 auto;max-width:760px;
  background:var(--bg2,#0e131d);color:var(--text,#e7ecf3);border:1px solid var(--border,#1e2635);
  border-radius:12px;padding:14px 16px;box-shadow:0 8px 28px rgba(0,0,0,.28);
  font-family:'Manrope',system-ui,sans-serif;font-size:13px;line-height:1.5;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.ca-consent.is-visible{opacity:1;transform:none}
.ca-consent__text{flex:1 1 320px;margin:0;color:var(--text2,#9aa6b8)}
.ca-consent__text a{color:var(--blue,#00C2D1);text-decoration:underline;text-underline-offset:2px}
.ca-consent__text a:hover,.ca-consent__text a:focus-visible{color:var(--text,#e7ecf3)}
.ca-consent__btn{flex:0 0 auto;padding:8px 18px;border-radius:8px;border:1px solid var(--border,#1e2635);
  background:var(--blue,#00C2D1);color:#04121f;font:inherit;font-weight:700;font-size:13px;cursor:pointer;
  letter-spacing:.2px}
.ca-consent__btn:hover{filter:brightness(1.08)}
.ca-consent__btn:focus-visible{outline:2px solid var(--text,#e7ecf3);outline-offset:2px}
@media (max-width:600px){
  .ca-consent{left:10px;right:10px;bottom:10px;padding:12px 14px}
  .ca-consent__btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .ca-consent{transition:none;transform:none}
}