/* B12 Eletrônicos: identidade escura, dourado e azul neon. Carrega depois de main.css e só redefine cores/detalhes. */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--branco:#070a14;--creme:#0e1424;--areia:#172036;--tinta:#e8eefc;--mudo:#9fb0d0;--linha:#253150;--verde:#f5b301;--verde-esc:#ffd24a;--folha:#1f6bff;--terra:#1f6bff;--ouro:#ffd24a;--ok:#34d399;--erro:#ff6b5e;--ouro-fundo:#f5b301;--azul:#1f6bff;--texto-sobre-ouro:#0a0d18}
body{background:var(--branco);color:var(--tinta);font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
h1,h2,h3{font-family:"Montserrat",system-ui,sans-serif;font-weight:800;letter-spacing:-.01em;color:#fff}
a{color:var(--ouro)}
::selection{background:var(--azul);color:#fff}

/* topo */
.bk-topo{background:rgba(7,10,20,.94);border-bottom:1px solid var(--linha);box-shadow:0 1px 0 rgba(245,179,1,.25)}
.bk-marca{color:#fff}
.bk-marca img.bk-marca__logo{width:auto;height:50px;border-radius:0;object-fit:contain}
.bk-aviso{background:var(--azul);color:#fff}
.bk-menu a{color:var(--tinta)}
.bk-menu a:hover{color:var(--ouro)}

/* botões: ouro com texto escuro */
.bk-btn{border-color:var(--ouro-fundo);color:var(--ouro)}
.bk-btn:hover,.bk-btn--cheio,.bk-filtros a.is-on,.bk-pag .current,.bk-login input[type=submit],.bk-entrar:hover,.bk-btn--fundo:hover{background:var(--ouro-fundo);color:var(--texto-sobre-ouro)!important;border-color:var(--ouro-fundo)}
.bk-btn--cheio:hover{background:var(--ouro);color:var(--texto-sobre-ouro)}
.bk-btn--fundo{background:var(--ouro-fundo);color:var(--texto-sobre-ouro)}
.bk-bn-botoes .bk-btn--cheio{border-color:var(--ouro-fundo)}
.bk-selo,.bk-badge,.bk-sacola__n{background:var(--azul);color:#fff}

/* superfícies */
.bk-card,.bk-mini,.bk-prompt,.bk-consent__corpo,.bk-skip:focus{background:var(--creme);color:var(--tinta)}
.bk-card{border-color:var(--linha);transition:transform .2s,box-shadow .2s,border-color .2s}
.bk-card:hover{transform:translateY(-3px);border-color:var(--azul);box-shadow:0 12px 32px -14px rgba(31,107,255,.7)}
.bk-card__img{aspect-ratio:3/4;background:#fff}
.bk-card__img img{object-fit:cover}
.bk-card--post .bk-card__img{aspect-ratio:16/10}
.bk-prod__img{aspect-ratio:3/4;background:#fff}
.bk-sec--creme{background:var(--creme)}
.bk-banner{background:var(--branco)}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=search],input[type=password],select,textarea{background:var(--areia);color:var(--tinta);border-color:var(--linha)}
input::placeholder,textarea::placeholder{color:#6f81a6}
input:focus,select:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul)}
.bk-pix__qr{background:#fff}
.bk-toast{background:var(--azul);color:#fff}
.bk-rodape{background:#04060d;border-top:1px solid var(--linha);color:var(--mudo)}
.bk-rodape a,.bk-rodape__marca{color:var(--tinta)}
.bk-rodape a:hover{color:var(--ouro)}
.bk-rodape strong{color:var(--ouro)}
.bk-eyebrow{color:var(--ouro)}
.bk-valores strong{color:var(--ouro)}
.bk-zap{background:#1fa855;box-shadow:0 6px 20px rgba(31,168,85,.55)}
.bk-preco,.bk-preco strong,.bk-card__preco{color:var(--ouro)}
.bk-contato-sec__l{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.bk-contato-sec{background:linear-gradient(135deg,#0e1424,#0a1430 60%,#12204a)}

/* banner 2:1 (mobile: o ponto fica na altura da imagem) */
@media(max-width:760px){.bk-bn-pontos{top:calc(100vw * .5 - 26px)}}
.bk-cat strong,.bk-valores strong,.bk-form legend,.bk-kpis strong,.bk-rodape__marca{font-family:"Montserrat",system-ui,sans-serif;font-weight:800}
.bk-cat strong,.bk-valores strong{color:var(--ouro)}
@media(max-width:760px){.bk-bn-box[data-botoes="0"] .bk-bn-botoes{display:none}}
.bk-pos{color:var(--ok)}.bk-neg{color:var(--erro)}.bk-baixo{color:var(--erro)}
/* banner: largura toda e altura natural; o mais largo (3:1) fica centralizado */
.bk-banner{background:#050914}.bk-bn-slide{display:flex;align-items:center;background:#050914}

.bk-rodape__logo{display:inline-block;margin-bottom:.6rem}
.bk-rodape__logo img{display:block;width:150px;height:auto}
.bk-rodape a.bk-rodape__zap{display:inline-flex;align-items:center;gap:8px;color:#25d366;font-weight:700}
.bk-rodape a.bk-rodape__zap:hover{color:#4be68a}

/* barra de rolagem fina, nas cores da loja */
*{scrollbar-width:thin;scrollbar-color:#f5b301 #0a0f1d}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#0a0f1d}
*::-webkit-scrollbar-thumb{background:#f5b301;border-radius:8px;border:2px solid #0a0f1d}
*::-webkit-scrollbar-thumb:hover{background:#ffd24a}
*::-webkit-scrollbar-corner{background:#0a0f1d}