/* Builda Day v6 (06/11/2026) */

/* ---------- encerramento: entrada na galáxia ---------- */
.club-final{background:#060914;min-height:120vh;padding:clamp(160px,20vw,260px) 0 clamp(120px,14vw,180px);text-align:center;justify-content:center}
.club-final::before{content:"";position:absolute;left:0;right:0;top:0;height:34vh;z-index:0;pointer-events:none;background:linear-gradient(var(--bg),rgba(6,9,20,0))}
.club-nucleo{position:absolute;left:50%;top:48%;width:min(1100px,140vw);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.6 + var(--p,0) * .6));z-index:-1;pointer-events:none;opacity:calc(.25 + var(--p,0) * .75);
  background:radial-gradient(closest-side,rgba(247,235,221,.10),transparent 30%),radial-gradient(40% 22% at 42% 52%,rgba(140,116,246,.28),transparent 70%),radial-gradient(34% 20% at 60% 46%,rgba(224,75,140,.22),transparent 70%),radial-gradient(30% 18% at 52% 58%,rgba(245,197,66,.16),transparent 70%);filter:blur(20px)}
.club-pontos{z-index:-2}
.club-conteudo{display:flex;flex-direction:column;align-items:center}
.club-titulo{margin:0 auto;text-align:center}
.club-cartao{margin-left:auto;margin-right:auto;text-align:center;align-items:center;background:rgba(10,14,30,.55)}
.btn-club{align-self:center}
@media (max-width:760px){
  .club-final{min-height:auto;padding:150px 0 120px}
  .club-titulo{font-size:clamp(40px,11vw,54px)}
  .club-titulo .linha{display:inline}
  .club-cartao{padding:20px}
}

/* ---------- hero no celular: palavras dentro da tela ---------- */
@media (max-width:900px){.hero{overflow:hidden}.orb-palavra{font-size:10.5px;padding:4px 8px 4px 6px}}

/* ---------- visualizador no celular: popup centralizado ---------- */
@media (max-width:860px){
  .app-modal{place-items:center}
  .app-palco{height:auto;padding:12px;display:block}
  .app-cartao{max-height:84vh;border-radius:20px;padding:16px 16px 18px;animation:entraApp .55s var(--ease) both}
  .app-x{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:20;width:44px;height:44px;background:rgba(255,255,255,.92);color:#111;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
}

/* ---------- time no celular: centralizado e cartões flutuando ---------- */
@media (max-width:760px){
  #construtores .sec-cab{text-align:center;margin:0 auto}
  #construtores .lead{margin-left:auto;margin-right:auto}
  .modo-builder{margin-left:auto;margin-right:auto}
  .time{grid-template-columns:1fr 1fr!important;overflow:visible!important;margin:30px 0 0!important;padding:0!important;gap:12px!important}
  .pessoa{animation:boia 6s ease-in-out infinite}
  .pessoa:nth-child(2){animation-delay:-1.5s;margin-top:22px}
  .pessoa:nth-child(3){animation-delay:-3s;margin-top:-22px}
  .pessoa:nth-child(4){animation-delay:-4.5s}
  .pessoa .info p{display:none}
  .pessoa .info{padding:12px 12px 14px}
  .pessoa h3{font-size:16px}
  .pessoa .papel{font-size:10px}
  @keyframes boia{50%{transform:translateY(-8px)}}
}
@media (prefers-reduced-motion:reduce){.pessoa{animation:none}}

/* ---------- cheque: sombra mais discreta ---------- */
.cheque{box-shadow:0 20px 34px -26px rgba(60,30,140,.4),0 0 0 1px rgba(100,72,224,.18)}
.cheque-palco{background:radial-gradient(70% 60% at 50% 45%,rgba(100,72,224,.05),transparent 75%)}
.cheque-palco::after{left:28%;right:28%;height:14px;bottom:4px;background:radial-gradient(closest-side,rgba(60,30,140,.16),transparent)}
.pessoa .foto img.alt{object-position:50% 18%}