.js body.preso{overflow:hidden}
.abertura{position:fixed;inset:0;z-index:50;display:none;place-items:center;text-align:center;background:#04080e;padding:24px;transition:opacity 1s ease,visibility 1s}
.js .abertura{display:grid}
.abertura.saindo{opacity:0;visibility:hidden}
.abertura::before,.abertura::after{content:"";position:absolute;left:0;right:0;height:9vh;background:#000}
.abertura::before{top:0}.abertura::after{bottom:0}
.ab-apresenta{margin:0 0 18px;color:#e5c677;font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;opacity:0;animation:aparece 1.4s .3s forwards}
.ab-nome{margin:0;font-family:"Bodoni Moda",serif;font-size:clamp(46px,9vw,112px);line-height:1.04;color:transparent;background:linear-gradient(100deg,#8c6a24,#fff1c4 45%,#c9a24b 60%,#8c6a24);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;opacity:0;animation:aparece 1.8s .9s forwards,brilho 5s 1s ease-in-out infinite}
.ab-risco{height:1px;width:0;margin:26px auto;background:#c9a24b;animation:risco 1.6s 1.5s forwards}
.ab-botoes{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;opacity:0;animation:aparece 1s 2.3s forwards}
@keyframes aparece{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes risco{to{width:min(320px,70vw)}}
.botao3d{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border:0;border-radius:6px;font:700 16px "Manrope",sans-serif;color:#1a1206;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#f2d78e,#c9a24b 58%,#ad8531);box-shadow:0 7px 0 #6e5219,0 16px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .12s,box-shadow .12s,filter .2s}
.botao3d:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 10px 0 #6e5219,0 22px 30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.65)}
.botao3d:active{transform:translateY(6px);box-shadow:0 1px 0 #6e5219,0 4px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.botao3d.fantasma{color:#f5f0e6;background:linear-gradient(180deg,#1c3a5c,#0f2238);box-shadow:0 7px 0 #06101c,0 16px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)}
.botao3d.fantasma:active{box-shadow:0 1px 0 #06101c}
.capa.cena{position:relative;max-width:none;overflow:hidden;isolation:isolate;--mx:0;--my:0;padding-left:max(clamp(16px,5vw,72px),calc((100vw - 1280px)/2));padding-right:max(clamp(16px,5vw,72px),calc((100vw - 1280px)/2))}
.capa.cena h1{font-size:clamp(52px,min(9.5vw,15vh),136px)}
.ceu{position:absolute;inset:-6%;z-index:-3;background:url("https://vamosarrematar.com.br/va/cidade.webp") center 62%/cover no-repeat;animation:empurra 34s ease-in-out infinite alternate;transform-origin:62% 70%;translate:calc(var(--mx)*-22px) calc(var(--my)*-12px)}
@keyframes empurra{from{transform:scale(1.02)}to{transform:scale(1.2)}}
.veu{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,8,14,.92) 0,rgba(4,8,14,.62) 48%,rgba(4,8,14,.18) 100%),linear-gradient(0deg,#0a1420 0,transparent 34%)}
.feixe{position:absolute;bottom:-20%;left:62%;z-index:-2;width:26vw;height:150%;background:linear-gradient(0deg,rgba(229,198,119,.2),transparent 74%);filter:blur(26px);transform-origin:50% 100%;animation:varre 15s ease-in-out infinite alternate;mix-blend-mode:screen}
.feixe.dois{left:30%;animation-duration:21s;animation-direction:alternate-reverse;opacity:.6}
@keyframes varre{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
#poeira{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.capa.cena .capa-texto{translate:calc(var(--mx)*10px) calc(var(--my)*6px)}
.js .capa.cena .capa-texto>*{opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1s ease}
.js.aberto .capa.cena .capa-texto>*{opacity:1;transform:none}
.js.aberto .capa.cena .capa-texto>:nth-child(2){transition-delay:.25s}
.js.aberto .capa.cena .capa-texto>:nth-child(3){transition-delay:.55s}
.js.aberto .capa.cena .capa-texto>:nth-child(4){transition-delay:.8s}
.acoes{display:flex;flex-wrap:wrap;gap:18px}
.capa-foto{perspective:900px}
.vivo{position:relative;display:block;width:min(100%,540px);transform-style:preserve-3d;transform:rotateY(calc(var(--mx)*9deg)) rotateX(calc(var(--my)*-5deg)) translate3d(calc(var(--mx)*-18px),0,0);transition:transform .25s ease-out}
.js .vivo{opacity:0;translate:0 50px;transition:opacity 1.5s ease .2s,translate 1.5s ease .2s,transform .25s ease-out}
.js.aberto .vivo{opacity:1;translate:0 0}
.respira{display:block;animation:respira 6s ease-in-out infinite;transform-origin:50% 90%;filter:drop-shadow(0 26px 34px rgba(0,0,0,.7)) drop-shadow(0 0 40px rgba(201,162,75,.2))}
.capa-foto .respira img{width:100%;height:auto}
@keyframes respira{0%,100%{transform:scale(1)}50%{transform:scale(1.024) translateY(-5px)}}
.brilho-foto{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,235,180,.55) 50%,transparent 60%);background-size:280% 100%;-webkit-mask:url("https://vistorialegal.vercel.app/shared/fabricio-damiao-oficial.webp") center/contain no-repeat;mask:url("https://vistorialegal.vercel.app/shared/fabricio-damiao-oficial.webp") center/contain no-repeat;mix-blend-mode:screen;animation:passa 7s ease-in-out infinite}
@keyframes passa{0%{background-position:130% 0}55%,100%{background-position:-60% 0}}
.aro{animation:gira 40s linear infinite;border-style:dashed;translate:calc(var(--mx)*12px) calc(var(--my)*8px)}
@keyframes gira{to{rotate:360deg}}
.linha{position:relative;border-top:0}
.linha::before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;background:#b08a38;transform:scaleX(0);transform-origin:left;transition:transform 1.8s ease}
.linha.acesa::before{transform:scaleX(1)}
.ouvir{margin-top:44px}
.fita{overflow:hidden;background:#04080e;border-block:1px solid rgba(201,162,75,.28);padding:18px 0}
.fita-trilho{display:flex;gap:14px;width:max-content;animation:rola 46s linear infinite}
.fita:hover .fita-trilho{animation-play-state:paused}
.fita img{width:clamp(240px,30vw,420px);aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:3px;filter:saturate(1.05) contrast(1.05);transition:transform .4s}
.fita img:hover{transform:scale(1.04)}
@keyframes rola{to{transform:translateX(-50%)}}
.grade{perspective:1400px}
.cartao{position:relative;overflow:hidden;min-height:430px;padding:0;background:#0b1a2b;transform-style:preserve-3d;--rx:0deg;--ry:0deg;--sx:50%;--sy:0%;box-shadow:0 22px 40px rgba(0,0,0,.5);transition:box-shadow .3s,border-color .3s}
.js .cartao.surge.visivel,.cartao{transform:rotateX(var(--rx)) rotateY(var(--ry))}
.js .cartao.surge{transition:opacity .7s ease,box-shadow .3s,border-color .3s}
.js .cartao.surge.visivel:hover,.cartao:hover{transform:rotateX(var(--rx)) rotateY(var(--ry));background:#0b1a2b}
.cartao.ativo,.cartao:hover{border-color:#e5c677;box-shadow:0 34px 60px rgba(0,0,0,.65),0 0 34px rgba(201,162,75,.28)}
.cartao .fundo{position:absolute;inset:0;width:100%;height:58%;object-fit:cover;margin:0;transition:transform 1.4s ease;-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent);mask-image:linear-gradient(180deg,#000 52%,transparent)}
.cartao:hover .fundo,.cartao.ativo .fundo{transform:scale(1.13)}
.cartao::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--sx) var(--sy),rgba(255,230,170,.24),transparent 62%)}
.cartao:hover::after,.cartao.ativo::after{opacity:1}
.cartao .corpo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:150px 26px 26px;transform-style:preserve-3d}
.cartao .icone{height:96px;width:auto;margin:0 0 14px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.65));animation:boia 4.5s ease-in-out infinite;transition:scale .3s}
.cartao img.icone.larga{height:66px;margin:18px 0 26px;border-radius:3px}
.cartao:nth-child(2) .icone{animation-delay:-1s}.cartao:nth-child(3) .icone{animation-delay:-2s}.cartao:nth-child(4) .icone{animation-delay:-3s}
.cartao:hover .icone,.cartao.ativo .icone{animation-name:salta;animation-duration:1s;scale:1.12}
@keyframes boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes salta{0%,100%{transform:translateY(0) translateZ(60px)}35%{transform:translateY(-24px) translateZ(60px)}70%{transform:translateY(5px) translateZ(60px)}}
.cartao .ir{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:0 18px;border-radius:5px;color:#1a1206;background:linear-gradient(180deg,#f2d78e,#c9a24b);box-shadow:0 4px 0 #6e5219}
.cartao .ir::after{color:#1a1206;margin-left:6px}
.cartao:active .ir{transform:translateY(3px);box-shadow:0 1px 0 #6e5219}
.som{position:fixed;right:16px;bottom:16px;z-index:40;display:none;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1px solid #c9a24b;border-radius:999px;background:rgba(10,20,32,.9);color:#f5f0e6;font:600 14px "Manrope",sans-serif;cursor:pointer}
.js .som{display:inline-flex}
.som i{display:flex;align-items:flex-end;gap:2px;height:14px}
.som b{width:3px;height:30%;background:#e5c677}
.som.ligado b{animation:barra .9s ease-in-out infinite alternate}
.som.ligado b:nth-child(2){animation-delay:.2s}.som.ligado b:nth-child(3){animation-delay:.4s}
@keyframes barra{to{height:100%}}
@media (max-width:900px){
  .veu{background:linear-gradient(180deg,rgba(4,8,14,.82),rgba(4,8,14,.34) 60%,#0a1420)}
  .vivo{width:min(88%,420px)}
  .cartao{min-height:410px}
}
@media (prefers-reduced-motion:reduce){
  .ceu,.feixe,.respira,.brilho-foto,.aro,.fita-trilho,.cartao .icone,.ab-nome{animation:none}
  .brilho-foto{display:none}
  .abertura{display:none!important}
  .js .capa.cena .capa-texto>*,.js .vivo{opacity:1;transform:none;translate:none}
  .fita{overflow-x:auto}
}