/* Tema Black Friday: só é carregado quando a chave "Tema Black Friday" está ligada no painel (content/campanha.json) */
:root{--bf-y:#0b98f0;--bf-k:#0a0a0b} /* azul dos posts de Black Friday do Instagram */
/* topo da página inicial */
.hv.bf::after{background:linear-gradient(180deg,rgba(10,10,11,.78),rgba(10,10,11,.9))}
.bf-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 20px 72px}
.bf-kick{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1.5px solid var(--bf-y);color:var(--bf-y);font:800 .8125rem/1 Manrope,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.bf-kick::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bf-y);box-shadow:0 0 0 0 rgba(11,152,240,.7);animation:bf-live 1.2s infinite}
@keyframes bf-live{70%{box-shadow:0 0 0 10px rgba(11,152,240,0)}100%{box-shadow:0 0 0 0 rgba(11,152,240,0)}}
.hv h1.bf-title{margin:22px 0 0;font:800 clamp(3.4rem,1.2rem + 9vw,8.5rem)/.86 Manrope,Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
.hv h1.bf-title em{display:block;margin:0;padding:0;background:none;font-style:normal;font-weight:800;color:var(--bf-y);text-shadow:0 0 40px rgba(11,152,240,.4);animation:bf-glow 1.6s ease-in-out infinite}
@keyframes bf-glow{50%{text-shadow:0 0 70px rgba(11,152,240,.8)}}
.bf-sub{margin-top:24px;max-width:46ch;text-wrap:balance;font:500 clamp(1.125rem,1rem + .5vw,1.5rem)/1.45 Manrope,Arial,sans-serif;color:rgba(255,255,255,.92)}
.bf-sub b{font-weight:600;color:var(--bf-y)}
.bf-cta{margin-top:32px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:0 30px;background:var(--bf-y);color:#fff;font:800 1.125rem/1 Manrope,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:2px;box-shadow:0 14px 40px -12px rgba(11,152,240,.6);transition:transform .2s ease}
.bf-cta:hover{transform:translateY(-2px)}
.bf-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.bf-note{margin-top:16px;font:600 .8125rem/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
/* fita nos cartões das marcas */
.bp{position:relative}
.bf-rib{position:absolute;z-index:2;top:18px;left:-6px;padding:9px 16px 9px 20px;background:var(--bf-y);color:#fff;font:800 .8125rem/1 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
/* faixa no topo do catálogo */
.bf-cat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;padding:16px 20px;background:var(--bf-k);color:#fff;text-align:center;border-top:3px solid var(--bf-y);border-bottom:3px solid var(--bf-y)}
.bf-cat strong{font:800 1.375rem/1 Manrope,Arial,sans-serif;text-transform:uppercase;color:var(--bf-y);letter-spacing:.02em}
.bf-cat span{font:500 1rem/1.4 Manrope,Arial,sans-serif}
.bf-cat a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--bf-y);color:#fff;font:800 .875rem/1 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
@media (max-width:699px){.bf-cta{width:100%;font-size:1rem}.bf-rib{left:auto;right:-6px;padding:8px 18px 8px 14px;font-size:.6875rem}}
@media (prefers-reduced-motion:reduce){.hv h1.bf-title em,.bf-kick::before{animation:none}}
/* catálogo da campanha na página de cada marca */
.bf-book{display:none;padding-top:clamp(40px,5vw,64px)}
body.marca-vic .bf-book.m-vic,body.marca-casamia .bf-book.m-casamia{display:block}
.bf-book .bf-hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:22px}
.bf-book h2{font:800 clamp(1.75rem,1.2rem + 2vw,2.75rem)/1 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
.bf-book h2 em{font-style:normal;color:var(--bf-y)}
.bf-book p{margin-top:10px;color:var(--muted);max-width:52ch}
.bf-book .bf-acts{display:flex;flex-wrap:wrap;gap:10px}
.bf-book .bf-acts a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;font:800 .875rem/1 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:2px solid var(--bf-y);color:var(--bf-y)}
.bf-book .bf-acts a.pri{background:var(--bf-y);color:#fff}
.bf-book .book{margin-top:8px}
.bf-book .book-foot{justify-content:center}
.bf-tip{font-size:var(--step-small);color:var(--muted);margin-top:4px}