/* Crew Premium (oferta externa, BF26): o que é próprio desta página. Base, tokens e componentes vêm de bf.css (KV oficial). */

/* ---------- marca 27/11 · crew PREMIUM (mesma gramática do "3X crew" do KV) ---------- */
.trava-pm{display:inline-flex;align-items:flex-end;gap:.16em;color:var(--manteiga);line-height:.78}
.pm-data{font:400 1em/.78 var(--f-titulo);letter-spacing:-.025em;white-space:nowrap}
.pm-lado{display:grid;justify-items:start;gap:.07em;padding-bottom:.035em}
.pm-crew{display:block;width:1.18em;height:auto;color:var(--manteiga)}
.pm-nome{display:block;width:100%;padding-top:.13em;border-top:max(2px,.022em) solid var(--manteiga);font:500 .155em/1 var(--f-corpo);letter-spacing:.2em;color:var(--gelo)}
.pm-save{font:500 .12em/1 var(--f-corpo);letter-spacing:.2em;color:var(--gelo);margin-bottom:.25em}
.heroi-marca{font-size:clamp(4rem,2.3rem + 6vw,7.25rem)}

/* selo redondo 27/11 (no lugar do selo 3X, que é da oferta das alunas) */
.selo-data{display:grid;place-content:center;justify-items:center;gap:.12em;aspect-ratio:1;border-radius:50%;background:var(--manteiga);color:var(--tinta);text-align:center}
.selo-data b{font:400 1em/.9 var(--f-titulo);letter-spacing:-.02em}
.selo-data span{font:700 .26em/1 var(--f-corpo);letter-spacing:.12em}
.heroi-orbita .no > .selo-data{position:absolute;left:0;top:0;width:17cqw;font-size:5.2cqw;transform:translate(-50%,-50%) translateY(-50cqw) rotate(calc(-1*(var(--a) + var(--giro))));box-shadow:0 18px 28px -10px rgba(0,0,0,.5)}
.topo-selo.selo-data{width:38px;height:38px;font-size:.8125rem}
.topo-selo.selo-data span{display:none}
.rodape-logos .selo-data{width:54px;height:54px;font-size:1rem}
.rodape-logos .selo-data span{font-size:.2em}

/* ---------- abertura ---------- */
.premium .abertura .sub{font-size:clamp(1.25rem,1rem + .9vw,1.75rem);line-height:1.3;max-width:24em}
.premium .abertura .sub strong{font-weight:400;font-family:var(--f-titulo);font-style:italic;color:var(--manteiga)}
.tese{max-width:40em;font:500 var(--t-sm)/1.55 var(--f-corpo);letter-spacing:.04em;color:var(--gelo-2);text-wrap:pretty}
.tese strong{color:var(--manteiga)}
.fatos{display:flex;flex-wrap:wrap;gap:8px}
.fatos li{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 14px 7px 12px;border:1px solid var(--linha-clara-forte);border-radius:var(--r-pilula);font:500 var(--t-xs)/1.2 var(--f-corpo);letter-spacing:.03em;color:var(--gelo);white-space:nowrap}
.fatos li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--manteiga)}

/* ---------- prova: +de 100.000 ---------- */
.estrelas{display:flex;gap:6px;color:var(--manteiga)}
.estrelas svg{width:clamp(18px,1.6vw,24px);height:auto;fill:currentColor}
.prova .bt-2{text-transform:none}
.prova .bt-1{order:3}
.prova-sub{max-width:28ch;margin:var(--e-5) auto 0;font-size:var(--t-lg);line-height:1.45;color:var(--gelo-2)}
.prova-sub strong{color:var(--manteiga)}
.prova .banda .miolo{padding-block:var(--e-8)}
.prova .banda-tit{padding-block:0}
.prova-txt{align-self:center}
.prova-grande{font:400 clamp(1.75rem,1.2rem + 1.9vw,2.875rem)/1.14 var(--f-titulo);letter-spacing:-.01em;text-wrap:balance;max-width:20ch}
.prova-grande strong{font-weight:400;font-style:italic}
.prova-segue{margin-top:var(--e-5);font-size:var(--t-lg);line-height:1.5;color:var(--tinta-2);max-width:36ch}

/* ---------- tudo ---------- */
.exclusivo{margin-top:var(--e-5);font:400 var(--t-xl)/1.25 var(--f-titulo);color:var(--gelo);max-width:30ch}
.exclusivo strong{font-weight:400;font-style:italic;color:var(--manteiga)}
.tudo .carta{margin-top:var(--e-7)}
.carta-hoje .carta-lista{border-top:1px solid rgba(0,0,0,.14);margin-top:var(--e-4)}
.carta-hoje .carta-lista .carta-linha{padding-block:16px;border-bottom:1px solid rgba(0,0,0,.14)}
.carta-hoje .carta-lista .carta-linha:last-child{border-bottom:0;padding-bottom:0}

/* ---------- quanto custaria: uma coluna de valores + caixa do grupo VIP ---------- */
.nota-uma tbody td{font-weight:700;color:var(--tinta)}
.nota-uma tbody td:nth-child(2){padding-inline:0;color:var(--tinta)}
.revela{display:grid;gap:var(--e-4)}
.pm-caixa{font-size:clamp(2.75rem,2rem + 2.4vw,4rem);margin-bottom:var(--e-2)}
.revela-rot{font-size:var(--t-lg);line-height:1.45;color:var(--gelo-2)}
.revela-rot strong{color:var(--gelo)}
.revela-seta{font:400 2rem/1 var(--f-titulo);color:var(--manteiga)}
.anima .revela-seta{animation:desce 2.4s var(--ease-in-out) infinite}
@keyframes desce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.revela-data{font:400 clamp(1.75rem,1.3rem + 1.5vw,2.5rem)/1.1 var(--f-titulo);letter-spacing:-.005em;color:var(--manteiga);text-wrap:balance}
.revela .cta{margin-top:var(--e-2)}
.revela .btn{width:100%}

/* ---------- vantagens: títulos dentro dos cartões ---------- */
.vant .ticket-sombra{margin-top:0}
.vant h3.ticket-tit{font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.06em;text-transform:uppercase}
.vant .cashback{margin-top:0}
.cashback-h{margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed rgba(0,0,0,.3);font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.06em;text-transform:uppercase}

/* ---------- Verão que Lute ---------- */
.vql-selo{display:grid;place-items:center;width:84px;height:84px;margin-bottom:var(--e-5);border-radius:20px;background:#c96d3e;box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
.vql-selo img{width:76%;height:auto}
.vql .tempo-forte strong{color:var(--manteiga)}

/* ---------- uma Crew pra cada versão de você ---------- */
.versoes{overflow-x:clip}
.versoes-txt{display:grid;justify-items:center;text-align:center}
.versoes .tit{max-width:16ch;margin-inline:auto}
.versoes .sub{max-width:46ch;margin-inline:auto}
.versoes-forte{margin-top:var(--e-4);max-width:44ch;font-size:var(--t-lg);line-height:1.5;color:var(--tinta)}
.versoes-forte strong{font-weight:700}
.versoes .projs{margin-top:var(--e-8)}
.versoes .projs.corre{-webkit-mask:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 9%,#000 91%,rgba(0,0,0,0) 100%);mask:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 9%,#000 91%,rgba(0,0,0,0) 100%)}
.versoes .projs-trilho{gap:clamp(14px,2vw,26px);padding:12px 0 46px}
.versoes .pcel{width:clamp(124px,15vw,188px);border-radius:clamp(24px,2.6vw,32px)}
.versoes .pcel-tela{border-radius:clamp(20px,2.2vw,28px)}

/* ---------- fecho: save the date ---------- */
.pm-fecho{font-size:clamp(3.75rem,2.2rem + 5vw,6.5rem)}
.fecho .tit{max-width:20ch}
.fecho-vip{margin-top:var(--e-5);font:700 var(--t-base)/1.2 var(--f-corpo);letter-spacing:.14em;color:var(--manteiga)}
.fecho-setas{margin-top:6px;font:400 1.5rem/1 var(--f-titulo);letter-spacing:.2em;color:var(--manteiga)}
.fecho .cta{margin-top:var(--e-4)}

/* ---------- celular ---------- */
@media (max-width:760px){
  .heroi-marca{font-size:clamp(3.25rem,17vw,4.5rem)}
  .premium .heroi-in{padding-top:calc(60px + var(--h-cont) + 30svh)}
  .tese{font-size:.8125rem;letter-spacing:.03em}
  .fatos li{min-height:32px;padding:6px 12px 6px 10px}
  .prova .banda .miolo{padding-block:var(--e-7)}
  .prova-grande{max-width:none}
  .exclusivo{font-size:1.25rem}
  .revela .btn{width:100%}
  .vql-selo{width:64px;height:64px;border-radius:16px}
  .versoes .projs{margin-top:var(--e-6)}
  .fecho-vip{letter-spacing:.1em}
  .topo-selo.selo-data{display:grid}
}
@media (min-width:1024px){
  .premium .heroi-txt{max-width:700px}
}

/* ---------- ajustes da primeira revisão ---------- */
.vant h3::before{display:none}
.vant .cashback-h{display:block;font:700 var(--t-sm)/1.25 var(--f-corpo);letter-spacing:.06em;text-transform:uppercase}
.premium .niveis dd{font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem);line-height:1.3}
.pm-crew{width:1.42em}
.pm-nome{font-size:.165em}

/* cadeado na mesma linha do começo da frase, que aqui ocupa duas linhas */
.premium .trava{display:block;max-width:36em;text-wrap:pretty}
.premium .trava svg{display:inline-block;margin-right:7px;vertical-align:-2px}
.premium .cta.centro .trava{text-align:center;margin-inline:auto}
.junto{white-space:nowrap}
@media (max-width:760px){
  .premium .trava{text-align:center;margin-inline:auto}
}