/* ==========================================================================
   ECLIPSE ERA · pagina de DOACAO  (subtopic=donate, pages/donate_secure.php)
   --------------------------------------------------------------------------
   Existindo este arquivo, o layout marca a pagina com body.ec-dark e o
   nucleo (/css/eclipse.css) pinta o miolo de escuro com texto prata.
   Aqui entra o resto: tudo o que a pagina desenha com fundo bege claro
   (hero, paineis, campo do valor, atalhos, previa, termos, chave PIX,
   cartao, passos, botoes) vira fundo escuro, com a mesma linguagem do
   bloco de apoio da /eclipse.php (ouro sobre preto).

   Seletores: todos comecam com html[data-tema="eclipse"] body.bm-page-donate
   e passam pelo id #bmDonate. O id e necessario: o nucleo pinta input com
   :is(input:not(...)x5) = especificidade (0,8,3), e so um id passa disso.

   So propriedades de pintura (cor, fundo, cor de borda, sombra, fonte).
   NADA de display/position/tamanho/margem/largura de borda: o JS da pagina
   liga e desliga o hero da promocao pelo atributo hidden.

   Contraste (formula WCAG 2.1, medido em 21/09/2026, fundo ja misturado
   quando e rgba). Menor par: rotulo #8C95A8 sobre painel #161B26 = 5,73:1.
     hero   titulo #FFF3DE 16,0 · sub #EBDCC3 13,1 · rotulo #A8977E 6,2
            (piores valores, sobre o tom mais claro do degrade #1A1913)
     6x     degrade #FFF3DE -> #E3C38F -> #C19664: o fim #C19664 da 6,6
     selo   #14100A sobre ouro #C19664 7,0 (sobre #E3C38F 11,3)
     relog. numero #FFF3DE 17,7 · rotulo #A8977E 6,8
     painel titulo #E6E9F0 14,2 · texto #B6BDCC 9,1 · kicker #45A4CD 6,1
            dica #8C95A8 5,7 · erro #E8776B 6,0 · ok #5FBF8F 7,7
     campo  valor #FFF3DE 17,7 · R$ #D4AE7E 9,4
     atalho #B6BDCC sobre #1C2230 8,4 · marcado #14100A sobre ouro 7,0
     previa pontos #FFF3DE 16,2 · rotulo #A8977E 6,3 · conta #D4AE7E 8,6
     aviso  #EBDCC3 10,9 · link #E3C38F 8,8 · boleto #B6BDCC 8,1
     termos #B6BDCC 9,9 · negrito #D4AE7E 9,1 · aceite #E6E9F0 15,4
     PIX    chave #FFF3DE 17,7 · copiar #E3C38F 8,4 · copiado #9FD6EE 8,0
     cartao #FFF3DE 17,2 · texto #B6BDCC 10,0 · link #E3C38F 11,2
   ========================================================================== */

@layer eclipse {

/* ---------------- raiz ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate{
  color:var(--ec-silver-2) !important;
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate :is(button, a, input):focus-visible{
  outline-color:var(--ec-crystal) !important;
}

/* ---------------- hero (promocao e taxa fixa) ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-hero{
  background:linear-gradient(165deg, #1C1710 0%, #0C0F16 52%, #1A1913 100%) !important;
  border-color:rgba(193,150,100,.44) !important;
  box-shadow:0 0 60px rgba(193,150,100,.13), inset 0 1px 0 rgba(237,236,235,.07) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-tag{
  background:linear-gradient(180deg, #E3C38F, #C19664) !important;
  color:#14100A !important;                              /* 7,0:1 */
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-mult{
  color:#E3C38F !important;                              /* 10,5:1 (sem degrade) */
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-mult{
    background:linear-gradient(180deg, #FFF3DE 0%, #E3C38F 48%, #C19664 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-title{
  color:#FFF3DE !important;                              /* 16,0:1 */
  font-family:var(--ec-serif) !important;
  text-shadow:0 2px 18px rgba(0,0,0,.55) !important;
  -webkit-text-fill-color:currentColor !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-sub{ color:#EBDCC3 !important; }   /* 13,1:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-sub b{ color:#FFF3DE !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-ex,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-clock-lb{
  color:#A8977E !important;                              /* 6,2:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-clock div{
  background:rgba(6,7,10,.6) !important;
  border-color:rgba(193,150,100,.42) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-clock b{
  color:#FFF3DE !important;                              /* 17,7:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-clock small{ color:#A8977E !important; } /* 6,8:1 */

/* ---------------- paineis ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-panel{
  background:linear-gradient(165deg, var(--ec-panel-2), var(--ec-panel)) !important;
  border-color:var(--ec-line) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.40), inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-kicker{
  color:var(--ec-crystal) !important;                    /* 6,1:1 */
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-h2{
  color:var(--ec-silver) !important;                     /* 14,2:1 */
  font-family:var(--ec-serif) !important;
  -webkit-text-fill-color:currentColor !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-aviso{
  background:rgba(227,195,143,.08) !important;
  border-color:rgba(227,195,143,.40) !important;
  color:#EBDCC3 !important;                              /* 10,9:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-aviso a{ color:#E3C38F !important; } /* 8,8:1 */

/* ---------------- valor digitado ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-label{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-valor{
  background:rgba(6,7,10,.7) !important;
  border-color:rgba(193,150,100,.5) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-valor:focus-within{
  border-color:var(--ec-eternal-txt) !important;
  box-shadow:0 0 0 3px rgba(193,150,100,.20) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-rs{
  color:var(--ec-eternal-txt) !important;                /* 9,4:1 */
  font-family:var(--ec-serif) !important;
}
/* o nucleo da borda e fundo a todo input: aqui o campo mora dentro da caixa .dn-valor */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate #bmDonateValor,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate #bmDonateValor:focus{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  color:#FFF3DE !important;                              /* 17,7:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-hint{ color:var(--ec-muted) !important; }        /* 5,7:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-hint.is-error{ color:var(--ec-bad) !important; }  /* 6,0:1 */

/* ---------------- atalhos de valor ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-chip{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;                   /* 8,4:1 */
  font-family:var(--ec-sans) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-chip:hover{
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;                     /* 13,1:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-chip.is-on{
  background:linear-gradient(180deg, #E3C38F, #C19664) !important;
  border-color:#E3C38F !important;
  color:#14100A !important;                              /* 7,0:1 */
  box-shadow:0 6px 18px rgba(193,150,100,.25) !important;
}

/* ---------------- previa de pontos ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-prev{
  background:linear-gradient(165deg, #1C1710 0%, #0C0F16 100%) !important;
  border-color:rgba(193,150,100,.44) !important;
  box-shadow:inset 0 1px 0 rgba(237,236,235,.06) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-prev span{ color:#A8977E !important; }  /* 6,3:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-prev strong{
  color:#FFF3DE !important;                              /* 16,2:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-prev small{ color:var(--ec-eternal-txt) !important; } /* 8,6:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-meios{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-boleto{
  background:rgba(227,195,143,.06) !important;
  border-color:rgba(227,195,143,.35) !important;
  color:var(--ec-silver-2) !important;                   /* 8,1:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-boleto b{ color:#E3C38F !important; }   /* 9,1:1 */

/* ---------------- termos ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms{
  background:rgba(6,7,10,.45) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms p{ color:var(--ec-silver-2) !important; }   /* 9,9:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms b{ color:var(--ec-eternal-txt) !important; } /* 9,1:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms label,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms label span{ color:var(--ec-silver) !important; } /* 15,4:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-terms input{ accent-color:var(--ec-eternal) !important; }

/* ---------------- botao gerar + mensagem ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-submit{
  background:linear-gradient(180deg, #E3C38F, #C19664) !important;
  border-color:rgba(227,195,143,.6) !important;
  color:#14100A !important;                              /* 7,0:1 */
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
  box-shadow:0 10px 26px rgba(193,150,100,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-submit:hover{
  border-color:#FFF3DE !important;
  color:#14100A !important;
  box-shadow:0 14px 34px rgba(193,150,100,.30) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-msg{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-msg.is-ok{ color:var(--ec-ok) !important; }   /* 7,7:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-msg.is-err{ color:var(--ec-bad) !important; } /* 6,0:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-msg a{ color:#E3C38F !important; }            /* 10,2:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-msg a.dn-go{ color:var(--ec-crystal-hi) !important; } /* 8,3:1 */

/* ---------------- pagamento por fora ---------------- */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-alt-intro{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-alt-intro b,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-alt-intro b span{ color:#E3C38F !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-pix-lb{ color:var(--ec-muted) !important; }       /* 5,7:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-pix{
  background:rgba(6,7,10,.68) !important;
  border-color:rgba(193,150,100,.42) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-pix code{
  background:transparent !important;
  color:#FFF3DE !important;                              /* 17,7:1 */
  font-family:var(--ec-sans) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-copy{
  background:rgba(193,150,100,.13) !important;
  border-color:rgba(193,150,100,.5) !important;
  color:#E3C38F !important;                              /* 8,4:1 */
  font-family:var(--ec-sans) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-copy:hover{
  background:rgba(193,150,100,.26) !important;
  color:#FFF3DE !important;                              /* 10,0:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-copy.is-ok{
  background:rgba(69,164,205,.2) !important;
  border-color:rgba(69,164,205,.5) !important;
  color:#9FD6EE !important;                              /* 8,0:1 */
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-cartao{
  background:rgba(6,7,10,.5) !important;
  border-color:rgba(193,150,100,.3) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-cartao strong{ color:#FFF3DE !important; }        /* 17,2:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-cartao p{ color:var(--ec-silver-2) !important; }   /* 10,0:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-cartao a{ color:#E3C38F !important; }             /* 11,2:1 */
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-passos li,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-passos li > span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-passos i{
  background:linear-gradient(180deg, #E3C38F, #C19664) !important;
  color:#14100A !important;                              /* 7,0:1 */
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-passos b,
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-passos b span{ color:#FFF3DE !important; }
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-wa{
  background:linear-gradient(180deg, #E3C38F, #C19664) !important;
  border-color:rgba(227,195,143,.6) !important;
  color:#14100A !important;                              /* 7,0:1 */
  font-family:var(--ec-sans) !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-wa:hover{
  color:#14100A !important;
  box-shadow:0 14px 34px rgba(193,150,100,.26) !important;
}
html[data-tema="eclipse"] body.bm-page-donate #bmDonate .dn-alt-nota{ color:var(--ec-muted) !important; }     /* 5,7:1 */

} /* fim @layer eclipse */