/* Black Friday look, applied only while html.bf-on (see bf.js). */
html.bf-on{--bf-gold:#FFD400;--bf-ink:#05060F}

html.bf-on .bf-bar{position:relative;z-index:51;background:linear-gradient(90deg,#000,#141414 50%,#000);color:#fff;font-size:14px;font-weight:600}
html.bf-on .bf-bar-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:46px;padding:6px 0}
html.bf-on .bf-t{padding:4px 10px;border-radius:6px;background:var(--bf-gold);color:#000;font-weight:800;letter-spacing:.06em;font-size:12px}
html.bf-on .bf-sep{opacity:.4}
html.bf-on .bf-clock b,html.bf-on .bf-seats b{color:var(--bf-gold);font-variant-numeric:tabular-nums}
html.bf-on .bf-bar a{margin-left:6px;padding:7px 14px;border-radius:999px;background:var(--bf-gold);color:#000;font-weight:800;font-size:13px}
html.bf-on .bf-bar a:hover{filter:brightness(1.08)}

html.bf-on .hero{background:radial-gradient(900px 500px at 80% 0%,rgba(255,212,0,.12),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(47,91,255,.25),transparent 60%),var(--bf-ink);color:#fff}
html.bf-on .hero .glow{display:none}
html.bf-on .hero p,html.bf-on .checks,html.bf-on .channels>span{color:rgba(255,255,255,.72)}
html.bf-on .hero h1 em{background:linear-gradient(90deg,var(--bf-gold),#FFB200);-webkit-background-clip:text;background-clip:text}
html.bf-on .hero .pill{background:var(--bf-gold);color:#000}
html.bf-on .hero .btn:not(.ghost){background:var(--bf-gold);color:#000;box-shadow:0 10px 28px rgba(255,212,0,.3)}
html.bf-on .hero .btn.ghost.dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
html.bf-on .float{color:#0F172A}
html.bf-on .hero-shot img{border-color:rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.6)}
html.bf-on .logos b{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#E2E8F0}

html.bf-on #planos{background:var(--bf-ink);color:#fff}
html.bf-on #planos .head p,html.bf-on #planos .note{color:rgba(255,255,255,.7)}
html.bf-on #planos .pill{background:var(--bf-gold);color:#000}
html.bf-on .bf-lock{text-align:center;margin:-18px 0 30px;color:var(--bf-gold);font-weight:700}
html.bf-on .toggle{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html.bf-on .toggle button{color:rgba(255,255,255,.7)}
html.bf-on .toggle button.on{background:#fff;color:#000}
html.bf-on .plan{background:#0D0F1C;border-color:rgba(255,255,255,.1);color:#fff}
html.bf-on .plan p,html.bf-on .plan .price span{color:rgba(255,255,255,.6)}
html.bf-on .plan li::before{color:var(--bf-gold)}
html.bf-on .plan .btn{background:var(--bf-gold);color:#000;box-shadow:none}
html.bf-on .plan .btn.ghost.dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
html.bf-on .plan.hl{background:linear-gradient(170deg,#1A1500,#000 70%);border:1.5px solid var(--bf-gold);box-shadow:0 30px 70px rgba(255,212,0,.18)}
html.bf-on .plan.hl .btn{background:var(--bf-gold);color:#000}
html.bf-on .tag{background:var(--bf-gold);color:#000}
html.bf-on .price{flex-wrap:wrap}
html.bf-on .price s.was{width:100%;color:rgba(255,255,255,.45);font-size:15px;font-weight:600}
html.bf-on .agency-plans s{opacity:.6}

html.bf-on .final-in{background:radial-gradient(500px 300px at 15% 100%,rgba(255,212,0,.25),transparent 60%),linear-gradient(135deg,#000,#141414)}
html.bf-on .final .btn.white{background:var(--bf-gold);color:#000}

@media (max-width:900px){
  html.bf-on .bf-sep{display:none}
  html.bf-on .bf-bar-in{gap:6px;font-size:13px;text-align:center}
}