/* Bancada Unlock — carrossel 3D neon (coverflow). Tudo com prefixo .bu- para não conflitar com o resto do site. */
.bu-carousel{
  --sw:min(calc(39vw / var(--z,1)),680px);
  --bu-green:#7dff1a;
  --bu-purple:#b83cff;
  position:relative;width:calc(100vw / var(--z,1));max-width:calc(100vw / var(--z,1));margin:0 0 0 calc(50% - calc(50vw / var(--z,1)));padding:0;
  background:transparent;
  overflow:hidden;isolation:isolate;
}
.bu-stage{position:relative;padding:44px 0 150px;perspective:1500px;perspective-origin:50% 42%;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.bu-track{position:relative;z-index:2;height:calc(var(--sw)*.75);transform-style:preserve-3d}


/* slides */
.bu-slide{
  position:absolute;top:0;left:50%;width:var(--sw);height:100%;margin-left:calc(var(--sw)/-2);
  display:block;color:#fff;text-decoration:none;cursor:pointer;
  transition:transform .75s cubic-bezier(.22,.8,.2,1),opacity .6s ease,filter .6s ease;
  backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
}
.bu-face{
  position:absolute;inset:0;display:block;overflow:hidden;box-sizing:border-box;
  border-radius:calc(var(--sw)*.022);background:#08040f;
  border:2px solid var(--c1);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.65),
    0 0 8px var(--c1),
    0 0 26px var(--c1a),
    0 0 74px var(--c1b),
    inset 0 0 0 1px var(--c2),
    inset 0 0 18px var(--c1a),
    inset 0 0 46px var(--c1b);
}
/* chão: painel escuro e brilhante à frente das molduras */
.bu-floor{position:absolute;left:0;right:0;z-index:0;pointer-events:none;
  top:calc(44px + var(--sw)*.75 - 4px);bottom:0;
  background:
    radial-gradient(30% 62% at 50% 0%,rgba(152,255,10,.42),rgba(152,255,10,.13) 48%,transparent 74%),
    radial-gradient(24% 70% at 14% 0%,rgba(184,34,238,.40),rgba(184,34,238,.12) 50%,transparent 76%),
    radial-gradient(24% 70% at 86% 0%,rgba(184,34,238,.40),rgba(184,34,238,.12) 50%,transparent 76%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 120px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 38px),
    linear-gradient(180deg,#0a0614 0%,#07040f 55%,#05030a 100%);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%)}
/* linha do horizonte do chão */
.bu-floor::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 0,#b822ee 14%,#98ff0a 50%,#b822ee 86%,transparent 100%);
  box-shadow:0 0 14px rgba(152,255,10,.55),0 0 34px rgba(184,34,238,.45);opacity:.9}
/* brilho de verniz por cima das reflexões (suaviza e dá aspecto de piso polido) */
.bu-sheen{position:absolute;left:0;right:0;z-index:6;pointer-events:none;
  top:calc(44px + var(--sw)*.75 + 2px);bottom:0;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(8,4,16,.08) 40%,rgba(5,3,10,.42) 100%);
  -webkit-backdrop-filter:blur(2.2px) saturate(1.25);backdrop-filter:blur(2.2px) saturate(1.25);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%)}
/* reflexo real da moldura (Chrome/Edge/Safari) */
@supports (-webkit-box-reflect:below 0){
  .bu-face{-webkit-box-reflect:below 5px linear-gradient(to bottom,transparent 66%,rgba(255,255,255,.62) 100%)}
  .bu-reflect{display:none}
}
/* reflexo do LED no chão (só a moldura, sem repetir a imagem) */
.bu-reflect{
  position:absolute;top:100%;left:calc(var(--sw)*-.07);right:calc(var(--sw)*-.07);height:34%;margin-top:calc(var(--sw)*.012);
  padding:0 calc(var(--sw)*.07);box-sizing:border-box;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.52) 36%,rgba(0,0,0,.16) 70%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.52) 36%,rgba(0,0,0,.16) 70%,transparent 100%);
}
.bu-reflect::before{content:"";position:absolute;left:4%;right:4%;top:-6px;height:70%;
  background:radial-gradient(62% 100% at 50% 0%,var(--c1a),transparent 72%);opacity:.8;filter:blur(12px)}
.bu-reflect i{position:relative;display:block;height:100%;box-sizing:border-box;
  border:2px solid var(--c1);border-top-color:var(--c2);border-bottom:0;
  border-radius:calc(var(--sw)*.022) calc(var(--sw)*.022) 0 0;
  box-shadow:0 0 9px var(--c1),0 0 26px var(--c1a),0 0 60px var(--c1b),inset 0 0 22px var(--c1a),inset 0 0 50px var(--c1b);
  filter:blur(1.2px);opacity:1}
.bu-slide[data-pos="0"]{transform:translate3d(0,0,60px) scale(1);z-index:5;filter:none;opacity:1}
.bu-slide[data-pos="-1"]{transform:translate3d(-90%,0,-40px) rotateY(26deg) scale(.87);z-index:4;filter:brightness(.97);opacity:1}
.bu-slide[data-pos="1"]{transform:translate3d(90%,0,-40px) rotateY(-26deg) scale(.87);z-index:4;filter:brightness(.97);opacity:1}
.bu-slide[data-pos="2"]{transform:translate3d(158%,0,-160px) rotateY(-40deg) scale(.74);z-index:3;filter:brightness(.8);opacity:1}
.bu-slide[data-pos="-2"]{transform:translate3d(-158%,0,-160px) rotateY(40deg) scale(.74);z-index:3;filter:brightness(.8);opacity:1}
.bu-slide[data-pos="hidden"]{transform:translate3d(0,0,-300px) scale(.5);opacity:0;pointer-events:none;z-index:0}
.bu-slide:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* temas */
.bu-theme-green{--c1:#98ff0a;--c2:#d6ff2a;--c1a:rgba(152,255,10,.55);--c1b:rgba(152,255,10,.22);--bg1:#0b1a08;--bg2:#1a0838}
.bu-theme-purple{--c1:#b822ee;--c2:#f04cff;--c1a:rgba(184,34,238,.58);--c1b:rgba(184,34,238,.24);--bg1:#1a0838;--bg2:#06030f}
.bu-theme-halloween{--c1:#98ff0a;--c2:#d6ff2a;--c1a:rgba(152,255,10,.55);--c1b:rgba(255,120,20,.24);--bg1:#2a0d05;--bg2:#1a0838}

/* slide só com imagem (arte pronta) */
.bu-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0;image-rendering:auto;-webkit-user-drag:none}
/* foto + letreiros por cima: só um degradê leve à esquerda para o texto ler bem, sem escurecer a imagem */
.bu-photo .bu-shade{background:linear-gradient(90deg,rgba(4,2,10,.62),rgba(4,2,10,.22) 48%,rgba(4,2,10,0) 72%)}

/* slide em modo texto */
.bu-slide.bu-text .bu-face{background:linear-gradient(135deg,var(--bg1),var(--bg2))}
.bu-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;mix-blend-mode:screen;z-index:0;display:block}
.bu-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,2,10,.78),rgba(4,2,10,.35) 55%,rgba(4,2,10,.05))}
.bu-art{position:absolute;right:-3%;bottom:6%;width:46%;height:auto;z-index:1;filter:drop-shadow(0 0 22px var(--c1a));pointer-events:none;object-fit:contain}
.bu-copy{position:relative;z-index:2;height:100%;box-sizing:border-box;padding:calc(var(--sw)*.05) calc(var(--sw)*.055);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(var(--sw)*.016);max-width:72%}
.bu-kicker{font:800 calc(var(--sw)*.026)/1 Inter,system-ui,sans-serif;letter-spacing:.06em;color:var(--c1);border:1.5px solid var(--c1);border-radius:999px;padding:.4em .9em;background:rgba(0,0,0,.45);text-shadow:0 0 10px var(--c1a);box-shadow:0 0 12px var(--c1b)}
.bu-title{margin:0;font:900 italic calc(var(--sw)*.098)/.92 Inter,Impact,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:#eef0f6;
  background:linear-gradient(180deg,#fff 10%,#b9bdc9 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55))}
.bu-title em{font-style:italic;display:block;background:linear-gradient(180deg,var(--c1),color-mix(in srgb,var(--c1) 70%,#000));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px var(--c1a))}
.bu-title.bu-single{display:block;color:var(--c1);-webkit-text-fill-color:initial;background:none;text-shadow:0 0 18px var(--c1a)}
.bu-sub{margin:0;font:800 calc(var(--sw)*.034)/1.12 Inter,system-ui,sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.bu-desc{margin:0;font:500 calc(var(--sw)*.025)/1.3 Inter,system-ui,sans-serif;color:#d9d4e6;max-width:92%}
.bu-bullets{list-style:none;margin:calc(var(--sw)*.006) 0 0;padding:0;display:grid;gap:calc(var(--sw)*.012)}
.bu-bullets li{display:flex;align-items:center;gap:.6em;font:700 calc(var(--sw)*.022)/1.1 Inter,system-ui,sans-serif;color:#eee;text-transform:uppercase}
.bu-bullets li::before{content:"✓";flex:none;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;border:1.5px solid var(--c1);color:var(--c1);font-size:.95em;background:rgba(0,0,0,.4)}
.bu-badge{display:inline-block;font:900 italic calc(var(--sw)*.05)/1 Inter,system-ui,sans-serif;color:#fff;border:2px solid var(--c1);border-radius:.4em;padding:.3em .6em;background:rgba(0,0,0,.5);box-shadow:0 0 16px var(--c1b),inset 0 0 12px var(--c1b);text-shadow:0 0 12px var(--c1a)}
.bu-cta{display:inline-flex;align-items:center;gap:.6em;margin-top:calc(var(--sw)*.012);font:800 calc(var(--sw)*.028)/1 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fff;border:2px solid var(--c1);border-radius:999px;padding:.7em 1.3em;background:rgba(0,0,0,.45);box-shadow:0 0 18px var(--c1b),inset 0 0 14px var(--c1b)}
.bu-theme-green .bu-cta{background:var(--c1);color:#08140a;border-color:var(--c1)}
.bu-cta::after{content:"›";font-size:1.2em;line-height:.8}

/* setas e bolinhas */
.bu-nav{position:absolute;top:calc(44px + var(--sw)*.375);transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;font:700 26px/1 Inter,system-ui,sans-serif;color:#fff;background:rgba(6,3,12,.78);border:1.5px solid rgba(255,255,255,.75);cursor:pointer;padding:0;
  box-shadow:0 0 18px rgba(184,60,255,.5);transition:transform .2s,background .2s}
.bu-nav:hover{background:rgba(125,255,26,.2);transform:translateY(-50%) scale(1.08)}
.bu-nav:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bu-prev{left:14px}.bu-next{right:14px}
.bu-dots{position:absolute;left:0;right:0;bottom:52px;z-index:10;display:flex;gap:18px;justify-content:center}
.bu-dot{width:20px;height:20px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#4a4658;transition:background .25s,box-shadow .25s,transform .25s;position:relative}
.bu-dot::before{content:"";position:absolute;inset:-10px}
.bu-dot.is-active{background:var(--bu-green);box-shadow:0 0 16px var(--bu-green);transform:scale(1.1)}
.bu-dot:nth-child(2n):not(.is-active){background:#3e3a52}
.bu-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.bu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tablets */
@media(max-width:1100px){.bu-carousel{--sw:min(calc(44vw / var(--z,1)),620px)}}
/* celular */
@media(max-width:700px){
  .bu-carousel{--sw:calc(76vw / var(--z,1))}
  .bu-stage{padding:26px 0 96px;perspective:1000px}
  .bu-nav{width:38px;height:38px;font-size:22px;top:calc(26px + var(--sw)*.375)}
  .bu-prev{left:6px}.bu-next{right:6px}
  .bu-slide[data-pos="-1"]{transform:translate3d(-92%,0,-60px) rotateY(30deg) scale(.84)}
  .bu-slide[data-pos="1"]{transform:translate3d(92%,0,-60px) rotateY(-30deg) scale(.84)}
  .bu-slide[data-pos="2"],.bu-slide[data-pos="-2"]{opacity:0;pointer-events:none}
  .bu-copy{max-width:80%}
  .bu-dots{bottom:30px;gap:14px}.bu-dot{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.bu-slide{transition:none}}
