/* Cores da LP do Sérum GHK-Cu. GERADO por docs/layout/fonte-loja/dobras-skin-cores.py: não edite à mão. */
/* ---------- a paleta (as variáveis da loja passam a ser as da LP só aqui dentro) ---------- */
body.bl-skin .bl-main{--bl-preto:#1F3B6E;--bl-acento:#1F3B6E;--bl-cinza-1:#EEF4FF;--bl-cinza-2:#D3E0F5;--bl-cinza-3:#6B80B2;--bl-cinza-4:#51679A;
	--sk-noite:#14244B;--sk-azul:#3B72D4;--sk-fundo:#F3F8FF;--sk-cartao:#E8F1FF;--sk-borda:rgba(59,114,212,.32);
	--sk-ouro:#C48844;--sk-ouro2:#DBA63E;--sk-ouro-it:#BD9945;--sk-amarelo:#F4D67F;
	--sk-bt:linear-gradient(91deg,#C48844,#DBA63E,#C48844);--sk-faixa:linear-gradient(91deg,#1F3B6E,#3B72D4,#1F3B6E);
	color:var(--bl-preto)}

/* ---------- botões: o dourado em degradê da LP, texto branco; ao passar o mouse, o marinho ---------- */
body.bl-skin .bl-main .btn-preto,body.bl-skin .bl-main .pd-add,body.bl-skin .bl-main .dp-barra-bt{background:var(--sk-bt);border-color:transparent;color:#fff}
body.bl-skin .bl-main .btn-preto:hover,body.bl-skin .bl-main .pd-add:hover,body.bl-skin .bl-main .dp-barra-bt:hover{background:var(--bl-preto);border-color:transparent;color:#fff}
body.bl-skin .bl-main .btn-preto .dp-i,body.bl-skin .bl-main .pd-add .dp-i{color:#fff}

/* ---------- títulos: a palavra em itálico fica dourada (na LP, o itálico dos títulos é dourado) ---------- */
body.bl-skin .bl-main .dp-dobras h2 em.d,body.bl-skin .bl-main .dp-dobras .dp-h2 em.d,body.bl-skin .bl-main .pd-h1 em.d{color:var(--sk-ouro-it)}
body.bl-skin .bl-main .dp-dobras .olho{color:var(--sk-azul)}

/* ---------- dobras: o fundo azul bem claro da LP atrás das seções sem fundo próprio ---------- */
body.bl-skin .bl-main .dp-dobras{background:var(--sk-fundo)}

/* ---------- painéis escuros: o degradê marinho → azul da LP (a faixa "Mais que skincare" e o cartão 9.9 da LP) ---------- */
body.bl-skin .bl-main .s2b-fim,body.bl-skin .bl-main .s2b-b.atual,body.bl-skin .bl-main .s6e-fim,body.bl-skin .bl-main .s9e-tec,body.bl-skin .bl-main .s8c-card{background:var(--sk-faixa)}
body.bl-skin .bl-main .s4g-pn{background:radial-gradient(90% 80% at 90% 100%,#3B72D4,#1F3B6E 62%,#14244B)}
/* no escuro, o itálico fica no amarelo-ouro da LP ("Protocolos injetáveis…" na faixa azul) */
body.bl-skin .bl-main :is(.s2b-fim,.s2b-b.atual,.s6e-fim,.s9e-tec,.s8c-card,.s4g-pn,.s3f) em.d{color:var(--sk-amarelo)}

/* Relacionados ("Você também pode gostar"): NÃO entram aqui. Desde 09/10 (dono: "deve ser uma fonte de verdade") a
   seção tem uma regra só, no assets/css/wp.css, que devolve as variáveis da loja em todo produto. */

/* ---------- L12 · a gota: o botão termina no dourado da LP (antes, a animação o levava ao preto) ---------- */
body.bl-skin .bl-main .s12b-g.on .s12b-bt .btn{animation:none;background:var(--sk-bt);border-color:transparent;color:#fff}