/* Agência Box · vídeo stop-scroll (16:9) — escopo .bxv */
.bxv{--ink:#0a0a0b;--steel:#131416;--iron:#26282b;--graphite:#75777b;--zinc:#b6b8bb;--paper:#ecebe8;--white:#f7f7f5;
  --fd:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--fb:"Archivo","Helvetica Neue",Arial,sans-serif;--fm:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  position:relative;width:100%;max-width:1360px;margin:0 auto;color:var(--white);font-family:var(--fb)}
.bxv *{box-sizing:border-box;margin:0;padding:0}
.bxv-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--ink);border:1px solid var(--iron);contain:layout paint}
.bxv-stage{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;--fg:var(--white)}
.bxv-stage.is-paper{--fg:var(--ink)}
.bxv-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(247,247,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,247,245,.05) 1px,transparent 1px);background-size:80px 80px;background-position:-1px -1px}
.bxv-paper{position:absolute;inset:0;background:var(--white);transform:scaleX(0);transform-origin:left}
.bxv-paper::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,10,11,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,11,.07) 1px,transparent 1px);background-size:80px 80px;background-position:-1px -1px}

.bxv-sc{position:absolute;inset:0;visibility:hidden;--sc:var(--white);color:var(--white)}
.bxv-sc.pp{--sc:var(--ink);color:var(--ink)}
.bxv-a{position:absolute}
.bxv .d{font-family:var(--fd);font-weight:800;text-transform:uppercase;line-height:.86;letter-spacing:-.005em;white-space:nowrap}
.bxv .o{color:transparent;-webkit-text-stroke:2px var(--sc)}
.bxv .m{font-family:var(--fm);font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:16px;color:var(--graphite);white-space:nowrap}
.bxv .m b{font-weight:500;color:var(--sc)}
.bxv .ln{display:block;overflow:hidden;padding:.16em .05em .03em 0;margin:-.16em 0 -.03em -.02em}
.bxv .w{display:inline-block;transform:translateY(150%)}

/* cards */
.bxv-card{position:absolute;background:var(--white);color:var(--ink);border:1px solid rgba(10,10,11,.12)}
.bxv-dark{position:absolute;background:var(--steel);border:1px solid var(--iron)}
.bxv-tag{display:inline-block;font-family:var(--fm);font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;background:var(--ink);color:var(--white)}

/* post */
.bxv-post{width:400px;overflow:hidden}
.bxv-post .hd{display:flex;align-items:center;gap:12px;padding:14px 16px}
.bxv-post .av{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:var(--zinc)}
.bxv-post .nm{font:600 18px var(--fb)}
.bxv-post .sb{font:400 13px var(--fm);color:var(--graphite);letter-spacing:.08em;text-transform:uppercase}
.bxv-post .img{height:290px;background:#555 center/cover no-repeat}
.bxv-post .ac{display:flex;gap:16px;padding:12px 16px 4px}
.bxv-post .lk{padding:4px 16px;font:600 18px var(--fb)}
.bxv-post .cp{padding:0 16px 16px;font:400 15px var(--fb);color:#444}

/* dial */
.bxv-dial text{font-family:var(--fm);font-size:15px;letter-spacing:.1em;fill:var(--zinc)}

/* notificações */
.bxv-nt{width:520px;height:94px;display:flex;align-items:center;gap:18px;padding:0 20px}
.bxv-nt .ic{width:54px;height:54px;border:1.5px solid var(--white);display:flex;align-items:center;justify-content:center;flex:none}
.bxv-nt .t1{font:400 13px var(--fm);letter-spacing:.12em;color:var(--graphite);text-transform:uppercase}
.bxv-nt .t2{font:600 24px var(--fb);color:var(--white);margin-top:2px;white-space:nowrap;line-height:1.15}
.bxv-nt .t3{font:400 18px var(--fb);color:var(--zinc);white-space:nowrap;line-height:1.2}

/* heatmap */
.bxv-heat{display:grid;grid-template-columns:repeat(7,74px);gap:10px}
.bxv-heat i{display:block;width:74px;height:74px;border:1px solid rgba(10,10,11,.14);position:relative}
.bxv-heat i b{position:absolute;inset:-1px;background:var(--ink);transform:scale(0)}

/* CTA */
.bxv-btn{position:absolute;display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--white);color:var(--white);font:500 24px var(--fm);letter-spacing:.12em;text-transform:uppercase;padding:0 28px;text-decoration:none}
.bxv-btn.on{background:var(--white);color:var(--ink)}
.bxv-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bxv-slots div{height:66px;border:1px solid var(--iron);display:flex;align-items:center;justify-content:center;font:500 24px var(--fm);letter-spacing:.08em;color:var(--zinc)}
.bxv-slots div.on{background:var(--white);color:var(--ink);border-color:var(--white)}
.bxv-tabs{display:flex;gap:8px;margin:20px 0 14px}
.bxv-tabs span{font:500 14px var(--fm);letter-spacing:.12em;padding:9px 14px;border:1px solid var(--iron);color:var(--zinc)}
.bxv-tabs span.on{border-color:var(--white);color:var(--white)}
.bxv-ok{overflow:hidden;background:var(--white);color:var(--ink);font:500 18px var(--fm);letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:10px;height:0;margin-top:0}

/* HUD */
.bxv-hud{position:absolute;inset:0;pointer-events:none;color:var(--fg)}
.bxv-hud .m{color:var(--fg);opacity:.55;font-size:14px}
.bxv-crn{position:absolute;width:22px;height:22px;border:0 solid var(--fg);opacity:.5}
.bxv-x{position:absolute;left:0;top:0;width:0;height:0;color:var(--fg)}
.bxv-x i{position:absolute;width:14px;height:14px;border:0 solid currentColor}
.bxv-x .m{position:absolute;left:30px;top:26px;font-size:13px;color:currentColor;opacity:.75;letter-spacing:.08em}
.bxv-bar{position:absolute;left:0;bottom:0;height:3px;width:1600px;background:var(--fg);transform-origin:left;transform:scaleX(0);opacity:.7}
.bxv-end{pointer-events:auto}
.bxv-end .bxv-btn:hover{background:var(--white);color:var(--ink)}
.bxv-replay{position:absolute;background:none;border:0;cursor:pointer;font:500 16px var(--fm);letter-spacing:.12em;color:var(--zinc);text-transform:uppercase}
.bxv-replay:hover{color:var(--white)}

/* barra de controle (fora do palco, tamanho normal no celular) */
.bxv-ctl{display:flex;align-items:center;gap:14px;padding:12px 0;font:400 12px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--zinc)}
.bxv-ctl button,.bxv-ctl a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--white);background:none;border:1px solid var(--iron);padding:10px 14px;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1}
.bxv-ctl button:hover,.bxv-ctl a:hover{border-color:var(--white)}
.bxv-ctl .cta{margin-left:auto;border-color:var(--white)}
.bxv-ctl .cta:hover{background:var(--white);color:var(--ink)}
.bxv-trk{flex:1;min-width:60px;height:24px;position:relative;cursor:pointer}
.bxv-trk::before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:var(--iron)}
.bxv-trk i{position:absolute;left:0;top:10px;height:3px;width:100%;background:var(--white);transform-origin:left;transform:scaleX(0)}
.bxv-time{min-width:96px;text-align:right}
.bxv .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){
  .bxv-ctl{flex-wrap:wrap;gap:10px}
  .bxv-trk{order:5;flex-basis:100%}
  .bxv-ctl .cta{flex-basis:100%;text-align:center;padding:14px;margin-left:0;order:6}
}

/* modo "salta na tela" */
.bxv-in{position:relative;transform-origin:0 0}
.bxv-in.is-pop{position:fixed;z-index:2147483001;will-change:transform}
.bxv-in.is-pop .bxv-frame{border-color:#3a3c40;box-shadow:0 40px 140px rgba(0,0,0,.7)}
.bxv-in.is-pop .bxv-ctl{background:var(--ink);padding:10px 14px;border:1px solid var(--iron);border-top:0}
.bxv-top{position:absolute;left:0;right:0;bottom:100%;display:none;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;font:400 12px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--zinc)}
.bxv-in.is-pop .bxv-top{display:flex}
.bxv-top button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--white);background:var(--ink);border:1px solid var(--white);padding:9px 14px;cursor:pointer;white-space:nowrap}
.bxv-top button:hover{background:var(--white);color:var(--ink)}
.bxv-veil{position:fixed;inset:0;z-index:2147483000;background:rgba(10,10,11,.5);-webkit-backdrop-filter:blur(12px) saturate(.7);backdrop-filter:blur(12px) saturate(.7);opacity:0;transition:opacity .5s ease;pointer-events:none}
.bxv-veil.on{opacity:1;pointer-events:auto}
@media (max-width:640px){.bxv-top span{display:none}.bxv-top{justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.bxv-veil{transition:none}}

/* aviso de som */
.bxv-unmute{position:absolute;left:50%;bottom:7%;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:10px;cursor:pointer;
  background:var(--ink);color:var(--white);border:1.5px solid var(--white);padding:12px 18px;font:500 13px var(--fm);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 10px 40px rgba(0,0,0,.45);animation:bxvPulse 1.6s ease-in-out infinite}
.bxv-unmute[hidden]{display:none}
.bxv-unmute:hover{background:var(--white);color:var(--ink)}
@keyframes bxvPulse{0%,100%{box-shadow:0 0 0 0 rgba(247,247,245,.55),0 10px 40px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 10px rgba(247,247,245,0),0 10px 40px rgba(0,0,0,.45)}}
@media (max-width:640px){.bxv-unmute{padding:9px 12px;font-size:11px;bottom:5%}}
@media (prefers-reduced-motion:reduce){.bxv-unmute{animation:none}}