/* Fundo líquido (fundo.js) + vidro líquido no estilo Apple, compartilhados por login, painel e CRM.
   Padrão da marca: fundo preto com rajadas em movimento no azul Coevo (#1CB4C7); acentos seguem a paleta Coevo (#1CB4C7, #196977, #A3D8E4). */
.fundo{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}
.fundo canvas,.fundo-plano,.fundo-grao{position:absolute;inset:0;width:100%;height:100%;display:block}
.fundo-grao{mix-blend-mode:overlay}
/* véu escuro nas bordas para segurar o contraste do texto (o vidro canelado listrado saiu em 12/10/2026, a pedido do dono) */
.fundo:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 35%,rgba(0,0,0,.55))}

.vidro,.liquido,.card{position:relative;isolation:isolate;
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 42%,rgba(255,255,255,.06)),rgba(6,9,11,.40);
  -webkit-backdrop-filter:blur(26px) saturate(185%) brightness(.85);backdrop-filter:blur(26px) saturate(185%) brightness(.85);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.25)}
/* borda de luz (reflexo especular) que acompanha o raio do cartão */
.vidro:before,.liquido:before,.card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 28%,rgba(255,255,255,0) 55%,rgba(163,216,228,.22) 85%,rgba(255,255,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.vidro,.liquido,.card{background:rgba(8,12,14,.86)}}