/* Black Friday — faixa fina (rosa claro + dourado). Só aparece se o
   blackfriday.js estiver ligado (BF_ATIVO). Esboço em pausa. */
.bf-faixa{
  position:relative;z-index:30;
  background:linear-gradient(90deg,#F7C6D9,#FBD9E6 50%,#F7C6D9);
  color:#7A5A12;border-bottom:1px solid #D4AF5A;
  font-family:var(--ab-fonte,"DM Sans",system-ui,sans-serif);
}
.bf-linha{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:2px 10px;padding:7px 12px;min-height:34px;box-sizing:border-box;
  font-size:12.5px;line-height:1.3;text-align:center;
}
.bf-marca{font-weight:800;letter-spacing:.18em;font-size:11.5px;color:#9A6F14}
.bf-marca::before,.bf-marca::after{content:"\2726";margin:0 .5em;font-size:.8em}
.bf-relogio{
  display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;
  padding:2px 9px;border:1px solid #D4AF5A;border-radius:999px;
  background:rgba(255,255,255,.55);white-space:nowrap;min-width:11.5ch;text-align:center;
}
.bf-oferta{width:100%;font-size:11.5px}
.bf-leitor{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
html[data-tema-efetivo="escuro"] .bf-faixa{background:linear-gradient(90deg,#3A1F2E,#4A2A3B 50%,#3A1F2E);color:#F9C3D7}
html[data-tema-efetivo="escuro"] .bf-marca{color:#F9C3D7}
html[data-tema-efetivo="escuro"] .bf-relogio{background:rgba(0,0,0,.25)}
@media (max-width:480px){
  .bf-linha{font-size:12px;gap:2px 8px}
  .bf-marca{font-size:10.5px;letter-spacing:.14em}
}

/* Selo "Black Friday" no botão dos kits da página inicial (22/10/2026).
   Escondido por padrão; aparece só enquanto o blackfriday.js marca a
   Black Friday ativa (html[data-bf="ativo"]). Preto + rosa claro, como a
   página /kits. */
.selo-bf{display:none}
html[data-bf="ativo"] .selo-bf{
  display:inline-block;vertical-align:middle;margin-left:6px;
  padding:3px 8px 2px;border-radius:999px;
  background:#111;color:#F9B8D0;border:1px solid #F9B8D0;
  font-style:normal;font-weight:800;font-size:10px;line-height:1.2;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 1px 6px rgba(249,184,208,.35);
  animation:selo-bf-brilho 2.6s ease-in-out infinite;
}
@keyframes selo-bf-brilho{
  0%,100%{box-shadow:0 1px 6px rgba(249,184,208,.25)}
  50%{box-shadow:0 1px 12px rgba(249,184,208,.6)}
}
@media (prefers-reduced-motion:reduce){html[data-bf="ativo"] .selo-bf{animation:none}}