/* Banner com vídeo na rolagem — topo da home da Blue Commerce (tudo com prefixo bv- para não brigar com o tema) */
/* O tema usa overflow:hidden nos contêineres, o que impede o "sticky". Na página com o banner,
   troca por overflow-x:clip (corta sobra lateral sem quebrar o sticky). */
html:has(#bv-scrub),body:has(#bv-scrub),#wrapper:has(#bv-scrub),.vc_row.bv-linha,.bv-linha .vc_column-inner,.bv-linha .wpb_wrapper,.bv-linha .wpb_raw_code{overflow:visible !important;overflow-x:clip !important}
.bv-linha,.bv-linha .vc_column_container,.bv-linha .vc_column-inner,.bv-linha .wpb_raw_code{padding:0 !important;margin:0 !important}
.bv-cena{position:relative;height:650vh;margin:0;padding:0;--bv-azul:#24345a;--bv-ouro:#c6a15b;--bv-muted:#56607c}
.bv-palco{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#e9edf2}
.bv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:opacity .5s ease;max-width:none}
.bv-topo-escuro{position:absolute;inset:0 0 auto 0;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(20,30,58,.62),rgba(20,30,58,0));z-index:2}
.bv-veu{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(238,242,247,.86) 0%,rgba(238,242,247,.5) 30%,rgba(238,242,247,0) 50%);opacity:0;transition:opacity .5s}
.bv-veu.on{opacity:1}

.bv-tag{font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bv-muted);font-weight:600;margin:0 0 14px}
.bv-beat h1,.bv-beat h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.02;color:var(--bv-azul);margin:0}
.bv-beat h1{font-size:clamp(38px,4.4vw,70px)}
.bv-beat h2{font-size:clamp(34px,3.8vw,60px)}
.bv-cor{background:linear-gradient(90deg,#1fb6e8,#6f4bff 50%,#e9449a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;padding:0 .05em .06em 0}
.bv-sub{font-family:Inter,system-ui,sans-serif;margin:16px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.55;color:var(--bv-muted);max-width:430px}

.bv-beat{position:absolute;z-index:5;left:clamp(16px,5vw,80px);top:54%;width:min(500px,36vw);opacity:0;transform:translateY(-42%);transition:opacity .6s ease, transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.bv-beat.on{opacity:1;transform:translateY(-50%);pointer-events:auto}
.bv-acoes{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.bv-btn{font-family:Inter,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:var(--bv-ouro);color:#fff !important;text-decoration:none !important;font-weight:600;font-size:14px;transition:transform .25s, background .25s;white-space:nowrap}
.bv-btn:hover{transform:translateY(-2px);background:var(--bv-azul)}
.bv-btn.bv-ghost{background:rgba(255,255,255,.7);color:var(--bv-azul) !important;border:1px solid rgba(36,52,90,.25)}
.bv-btn.bv-ghost:hover{background:#fff}

/* palavras gigantes que passam "atrás" do rapaz (multiply some no preto da roupa) */
.bv-gigante{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;mix-blend-mode:multiply;opacity:0;transform:scale(.92);transition:opacity .45s ease, transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none;padding:0 3vw}
.bv-gigante.on{opacity:1;transform:scale(1)}
.bv-gigante small{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(13px,1.4vw,20px);color:#3b2a8f}
.bv-gigante b{font-family:Inter,system-ui,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.9;font-size:clamp(56px,11vw,190px);color:#2b1c78}
.bv-gigante.bv-longo b{font-size:clamp(40px,7vw,120px);max-width:1100px}

.bv-rolar{position:absolute;z-index:6;left:clamp(16px,5vw,80px);bottom:26px;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bv-muted);display:flex;align-items:center;gap:10px;transition:opacity .4s}
.bv-rolar i{display:block;width:1px;height:34px;background:linear-gradient(var(--bv-azul),transparent);animation:bvDesce 1.8s ease-in-out infinite}
@keyframes bvDesce{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media (max-width:768px){
  .bv-cena{height:550vh}
  .bv-topo-escuro{height:110px}
  .bv-veu{background:linear-gradient(0deg,rgba(238,242,247,.96) 0%,rgba(238,242,247,.78) 34%,rgba(238,242,247,0) 58%)}
  .bv-beat{left:16px;right:16px;width:auto;top:auto;bottom:calc(28px + env(safe-area-inset-bottom));transform:translateY(12%)}
  .bv-beat.on{transform:translateY(0)}
  .bv-beat h1{font-size:clamp(34px,10vw,44px)}
  .bv-beat h2{font-size:clamp(30px,9vw,40px)}
  .bv-sub{font-size:15px;margin-top:10px}
  .bv-acoes{margin-top:16px}
  .bv-btn{padding:12px 16px;font-size:13px}
  .bv-rolar{display:none}
  .bv-gigante{mix-blend-mode:normal;justify-content:flex-end;padding-bottom:calc(9vh + env(safe-area-inset-bottom))}
  .bv-gigante b{font-size:clamp(44px,14vw,76px);color:#fff;text-shadow:0 6px 30px rgba(43,28,120,.75)}
  .bv-gigante.bv-longo b{font-size:clamp(32px,9.5vw,52px)}
  .bv-gigante small{color:#fff;text-shadow:0 2px 12px rgba(43,28,120,.8)}
}
@media (prefers-reduced-motion:reduce){.bv-rolar i{animation:none}}