/* /saque-por-pix — o que o kit não cobre na página de saque da a referência: os cartões em leque, o cartão de cor com o número
   grande e a faixa de traços. Só transform/opacity na animação; menos movimento no fim. */

/* 1 — as seis regras em leque (os cartões dos métodos de pagamento da a referência) */
.p-saque-todas{margin:0 0 clamp(28px,4vw,48px);text-align:center}
.p-saque-todas .rd-link{display:inline-flex;align-items:center;min-height:44px}
.p-saque-leque{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;list-style:none;padding:0;margin:0}
.p-saque-c{position:relative;display:grid;min-height:184px;perspective:900px}
.p-saque-c-f{position:absolute;inset:0;border-radius:22px;background:linear-gradient(180deg,#1b1b1b,#0e0e0e 70%);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 24px 40px -18px rgba(0,0,0,.9);transform-origin:0 50%;transform:rotateY(18deg);transition:transform .9s var(--ease)}
.p-saque-c:nth-child(2) .p-saque-c-f{background:linear-gradient(180deg,#2a0d0a,#120605 75%);box-shadow:0 0 0 1px rgba(255,84,72,.3) inset,0 24px 40px -18px rgba(0,0,0,.9)}
.p-saque-c-in{position:relative;display:grid;align-content:center;justify-items:center;gap:6px;padding:20px 12px;text-align:center}
.p-saque-c-in .ic{width:24px;height:24px;color:var(--red-hi);margin-bottom:4px}
.p-saque-c-in b{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);line-height:1.05;font-weight:600;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.p-saque-c-in span{font-size:1rem;line-height:1.3;color:var(--lp-mut2)}
@media (prefers-reduced-motion:no-preference){
  .js-ok .p-saque-c .p-saque-c-f{transform:rotateY(70deg)}
  .js-ok .p-saque-c.in .p-saque-c-f{transform:rotateY(18deg);transition-delay:calc(var(--n) * 70ms)}
}
@media (min-width:600px){
  .p-saque-leque{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
  .p-saque-c{min-height:220px}
}
@media (min-width:1024px){
  /* fileira única de seis lâminas encostadas, o lado direito recuando (a referência: 150×316 a cada ~152px) */
  .p-saque-leque{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .p-saque-c{min-height:316px;perspective:1100px}
  .p-saque-c-f{transform:rotateY(26deg)}
  .js-ok .p-saque-c.in .p-saque-c-f{transform:rotateY(26deg)}
  /* o conteúdo reto centra na parte visível da lâmina girada, que encolhe pela direita */
  .p-saque-c-in{padding:24px 26px 24px 10px}
  .p-saque-c-in b{font-size:1.75rem}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .p-saque-c:hover .p-saque-c-f,.js-ok .p-saque-c.in:hover .p-saque-c-f{transform:rotateY(8deg);transition-delay:0ms}
}

/* 2 — o cartão de cor com o número grande e o medalhão saindo pela borda (o "0%" da a referência) */
.p-saque-s-big .lp-in{display:grid}
.p-saque-big{position:relative;display:grid;margin-top:clamp(96px,22vw,150px);padding:0 24px 32px;border-radius:32px;text-align:center;background:linear-gradient(180deg,#140403 0,#5c120c 30%,#b9211a 62%,#c8261c);box-shadow:0 0 0 1px rgba(255,84,72,.35) inset}
.p-saque-big-m{position:relative;margin:calc(clamp(96px,22vw,150px) * -1) auto 0;width:min(100%,420px);pointer-events:none}
.p-saque-big-m img{display:block;width:100%;height:auto;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}
.p-saque-big-x{position:relative;display:grid;justify-items:center;gap:12px;margin-top:-8px}
.p-saque-big-v{font-size:clamp(4.5rem,2rem + 8vw,8rem);line-height:1;font-weight:600;letter-spacing:-.04em;color:#fff;white-space:nowrap}
.p-saque-big-t{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.2;font-weight:600;color:#fff}
.p-saque-big-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;padding:0 24px;border-radius:16px;background:#000;color:#fff;font-weight:600;font-size:1rem;transition:transform .18s var(--ease)}
.p-saque-big-btn:active{transform:scale(.98)}
.p-saque-nota{display:grid;gap:4px;max-width:760px;margin:24px auto 0;text-align:center;font-size:1rem;line-height:1.5;color:var(--lp-mut)}
.p-saque-nota p:first-child,.p-saque-nota b{color:#fff;font-weight:500}
@media (min-width:768px){
  .p-saque-big{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;min-height:520px;margin-top:40px;padding:0;border-radius:40px;text-align:left;background:linear-gradient(100deg,#c8261c 0,#b9211a 38%,#5c120c 64%,#1a0504 88%,#0b0202)}
  .p-saque-big-x{order:-1;justify-items:start;align-content:space-between;gap:0;margin:0;padding:64px 0 64px 64px}
  .p-saque-big-x .p-saque-big-t{margin-top:auto}
  .p-saque-big-m{align-self:start;width:auto;margin:-40px -24px 0 0}
  .p-saque-big-m img{-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent);mask-image:radial-gradient(closest-side,#000 74%,transparent)}
  .p-saque-big-btn{margin-top:24px}
}
@media (hover:hover) and (pointer:fine){.p-saque-big-btn:hover{transform:translateY(-1px)}}

/* 3 — a faixa de traços com a proporção (o "~70% dos saques" da a referência) */
#reserva .lp-head{margin-bottom:clamp(28px,4vw,56px)}
#reserva .cap{text-align:left;margin-top:16px;font-size:1rem;color:var(--lp-mut)}
#reserva .cap a,#botao .lp-ck a{color:var(--red-hi);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.p-saque-barra{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:16px}
.p-saque-barra-l{display:grid;grid-template-rows:80fr 20fr}
.p-saque-barra-l p{display:grid;align-content:start;gap:2px;font-size:1rem;line-height:1.25;color:#fff}
.p-saque-barra-l p.a{color:var(--red-hi)}
.p-saque-barra-l b{font-weight:500}
.p-saque-tracos{display:grid;grid-template-rows:repeat(100,2px);row-gap:3px}
.p-saque-tracos i{display:block;background:var(--red-hi);border-radius:2px}
.p-saque-tracos i.r{background:#fff}
@media (prefers-reduced-motion:no-preference){
  .js-ok .p-saque-tracos i{opacity:.12;transition:opacity .35s var(--ease)}
  .js-ok .p-saque-barra.in .p-saque-tracos i{opacity:1;transition-delay:calc(var(--i) * 9ms)}
}
@media (min-width:768px){
  .p-saque-barra{grid-template-columns:none;grid-template-rows:auto 36px;gap:24px}
  .p-saque-barra-l{grid-template-rows:none;grid-template-columns:80fr 20fr}
  .p-saque-tracos{grid-template-rows:none;grid-template-columns:repeat(100,minmax(0,1fr));column-gap:clamp(3px,.5vw,7px);row-gap:0}
  .p-saque-tracos i{border-radius:3px}
}

/* 5 — o extrato: o <picture> dentro da janela do kit ocupa a largura toda, como o <img> direto */
#extrato .lp-win-in picture,#extrato .lp-win-in picture img{display:block;width:100%;height:auto}

/* 8 — corpo dos motivos do botão no piso de 16px */
#botao .lp-ck li{font-size:1rem}
@media (max-width:47.99rem){
  /* duas colunas como no computador; o ícone sobe para o texto ganhar a largura do cartão */
  #botao .lp-ck li{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:14px}
}

@media (prefers-reduced-motion:reduce){
  .p-saque-c-f,.p-saque-tracos i,.p-saque-big-btn{transition:opacity .2s linear}
}