/* /por-que-link-affiliattes — clone de a referência (19/10/2026).
   Só o que o kit não cobre: os dois bentos (cartão largo + 2×2 desencontrado; 4 desencontrado), a faixa do app,
   o par de celulares sob o título grande, os 2 cartões de número, o "Comece facilmente" e o cartão de segurança.
   Celular copia a composição do computador: os bentos ficam em 2 colunas em 360px, com o título curto (.p-pq-sm).
   Movimento só com transform/opacity, dentro de prefers-reduced-motion: no-preference. Prefixo: p-pq-. */

/* ---------- hero: a foto já tem o céu preto em cima; um escuro no meio garante a leitura do título ---------- */
.lp-hero--img::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 34% at 50% 40%,rgba(0,0,0,.55),transparent 100%),
    radial-gradient(46% 27% at 50% 64%,rgba(0,0,0,.74) 0,rgba(0,0,0,.74) 40%,transparent 100%)}
@media (max-width:599px){.lp-hero-bg{object-position:24% 100%}}

/* ---------- título de cartão: frase longa no computador, curta no celular ---------- */
.p-pq-lg,.p-pq-sm{font-style:normal}
.p-pq-lg{display:none}
@media (min-width:600px){.p-pq-lg{display:inline}.p-pq-sm{display:none}}

/* ---------- cartão do bento ---------- */
.p-pq-k .rd-card{display:flex;flex-direction:column;overflow:hidden;container-type:inline-size}
.p-pq-cab{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;padding:20px 12px 0}
.p-pq-k .rd-h3{margin-bottom:8px;font-size:clamp(1rem,.8rem + .75vw,1.5rem);line-height:1.12;text-align:center}
.p-pq-k .rd-link{transform:none}
@media (min-width:768px){.p-pq-cab{padding:40px 28px 0}.p-pq-k .rd-h3{margin-bottom:12px}}

.p-pq-b1,.p-pq-b2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p-pq-largo{grid-column:1/-1}
.p-pq-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.p-pq-col>.rd-c:last-child{flex:1}
@media (min-width:768px){.p-pq-b1,.p-pq-b2,.p-pq-col{gap:16px}}

/* alturas desencontradas, como a referência (alto + baixo numa coluna, baixo + alto na outra) */
.p-pq-largo .rd-card{min-height:clamp(300px,34vw,470px)}
.p-pq-cA .rd-card{min-height:clamp(300px,36vw,506px)}
.p-pq-cB .rd-card{min-height:clamp(220px,28vw,400px)}
.p-pq-cC .rd-card{min-height:clamp(220px,26vw,378px)}
.p-pq-cD .rd-card{min-height:clamp(300px,34vw,486px)}
.p-pq-cP .rd-card{min-height:clamp(280px,37vw,530px)}
.p-pq-cR .rd-card{min-height:clamp(260px,32vw,460px)}
.p-pq-cS .rd-card{min-height:clamp(250px,31vw,440px)}
.p-pq-cT .rd-card{min-height:clamp(280px,38vw,550px)}

/* ---------- bento 1 ---------- */
/* largo: o print real dos nichos deitado em perspectiva, saindo pelas bordas */
.p-pq-chao{position:relative;flex:1;min-height:150px;perspective:900px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(#000 60%,transparent);
  -webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(#000 60%,transparent);mask-composite:intersect}
/* o recorte do print já é só a faixa de cima; largura 92% + deriva de 3% e o pé que o rotateX aproxima ficam dentro da tela */
.p-pq-chao-in{position:absolute;left:50%;top:14px;width:88%;transform:translateX(-50%) rotateX(34deg);transform-origin:50% 0;pointer-events:none}
/* o print é enfeite (aria-hidden) e sangra de propósito: o cartão recorta (overflow:hidden) e a máscara apaga as bordas; sem eventos, como toda decoração */
.p-pq-chao-in picture{display:block}
@media (min-width:768px){.p-pq-chao-in{width:92%}}
.p-pq-chao-in img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}

/* A: o celular com o link e os balões do rastreio */
.p-pq-cena{position:relative;flex:1;min-height:180px}
.p-pq-cena-cel{position:absolute;left:50%;top:18px;width:min(56%,232px);transform:translateX(-50%)}
.p-pq-bal{position:absolute;z-index:1;display:grid;gap:4px;font-size:max(12px,4.4cqw);line-height:1.2;font-weight:600}
.p-pq-bal>*{display:block;padding:.45em .8em;border-radius:999px;background:rgba(20,20,20,.86);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);font-style:normal;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.p-pq-bal b{background:linear-gradient(90deg,#b9211a,#dc2f22);border-color:transparent;color:#fff}
.p-pq-bal-e{left:6%;top:30%}
.p-pq-bal-d{right:6%;top:46%;display:none}
@media (min-width:600px){.p-pq-bal-d{display:grid}}

/* B: "Pix" em volume, como o "95%" da referência */
.p-pq-pix{flex:1;display:grid;place-items:center;padding:8px 0 20px}
.p-pq-pix b{display:block;font-size:36cqw;line-height:.9;font-weight:800;letter-spacing:-.05em;
  background:linear-gradient(180deg,#fff 10%,#ff6a5e 55%,#a81a12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 #6d120c) drop-shadow(0 3px 0 #4e0c08) drop-shadow(0 18px 30px rgba(217,45,32,.35))}

/* C: placas que viram, como o "0%" da referência */
.p-pq-flip{flex:1;display:flex;align-items:center;justify-content:center;gap:3cqw;padding:8px 0 20px;perspective:600px}
.p-pq-flip b{position:relative;display:grid;place-items:center;width:34cqw;aspect-ratio:3/4;border-radius:4cqw;
  background:linear-gradient(180deg,#232323,#141414 50%,#0e0e0e 50%,#1a1a1a);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.5);
  font-size:19cqw;line-height:1;font-weight:700;letter-spacing:-.04em;color:#fff}
.p-pq-flip b::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.8)}
.p-pq-flip b.v{color:var(--red-hi)}

/* D: o funil real do painel, com a etiqueta da venda */
.p-pq-graf{position:relative;flex:1;min-height:160px;overflow:hidden;
  -webkit-mask:linear-gradient(transparent,#000 18%,#000 72%,transparent);mask:linear-gradient(transparent,#000 18%,#000 72%,transparent)}
/* o arquivo já vem recortado no funil: cabe na caixa por object-fit, sem sangrar para fora */
.p-pq-graf-in{position:absolute;inset:0}
.p-pq-graf-in img{display:block;width:100%;height:100%;object-fit:cover;object-position:0 30%;border-radius:12px}
.p-pq-tag{position:absolute;z-index:1;right:8%;top:22%;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
  background:linear-gradient(90deg,#b9211a,#dc2f22);color:#fff;font-size:max(12px,4.2cqw);font-weight:700;line-height:1.2;box-shadow:0 8px 24px rgba(217,45,32,.4)}
.p-pq-tag .ic{width:1.1em;height:1.1em}

/* ---------- bento 2 ---------- */
/* P: a pilha dos estados do extrato (os cartões de pagamento da referência) */
.p-pq-pilha{flex:1;list-style:none;margin:0;padding:20px 0 28px;display:flex;flex-direction:column;justify-content:center;align-items:center}
/* cartões que se cobrem como um baralho: só o topo de cada um aparece, o último fica inteiro */
.p-pq-pilha li{--w:54%;display:flex;align-items:flex-start;justify-content:center;gap:8px;width:var(--w);min-height:clamp(52px,5vw,64px);padding:10px 10px 0;border-radius:14px;box-shadow:0 -6px 16px rgba(0,0,0,.45);
  background:linear-gradient(180deg,#1d1d1d,#141414);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.56);font-size:13px;line-height:1.2;font-weight:600;text-align:center}
.p-pq-pilha li:nth-child(2){--w:60%}
.p-pq-pilha li:nth-child(3){--w:66%}
.p-pq-pilha li:nth-child(4){--w:73%}
.p-pq-pilha li+li{margin-top:clamp(-26px,-2vw,-18px)}
.p-pq-pilha li:nth-child(5){--w:80%;min-height:clamp(84px,9vw,128px);align-items:center;padding-top:0;font-size:15px;color:#fff;border-color:rgba(255,84,72,.6);
  background:linear-gradient(180deg,#2a1210,#170b0a);box-shadow:0 12px 30px rgba(217,45,32,.25)}
.p-pq-pilha .ic{flex:none;width:16px;height:16px}
.p-pq-pilha li:nth-child(5) .ic{color:var(--red-hi)}
@media (max-width:599px){.p-pq-pilha li:not(:last-child) span{display:none}}

/* S: as peças das objeções, deitadas como as "estratégias" da referência */
.p-pq-pecas{position:relative;flex:1;min-height:150px;overflow:hidden;perspective:800px;
  -webkit-mask:radial-gradient(70% 70% at 50% 50%,#000 50%,transparent);mask:radial-gradient(70% 70% at 50% 50%,#000 50%,transparent)}
.p-pq-pecas-in{position:absolute;left:50%;top:50%;width:130%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  transform:translate(-50%,-50%) rotateX(26deg) rotateZ(-7deg)}
.p-pq-pecas i{display:grid;place-items:center;min-height:44px;padding:6px;border-radius:12px;font-style:normal;font-size:max(12px,3.6cqw);font-weight:600;
  color:rgba(255,255,255,.75);background:linear-gradient(180deg,#222,#151515);border:1px solid rgba(255,255,255,.1);text-align:center}
.p-pq-pecas-in{row-gap:22px}
.p-pq-pecas i:nth-child(3n+2){translate:0 40%}
.p-pq-pecas i:nth-child(3),.p-pq-pecas i:nth-child(5),.p-pq-pecas i:nth-child(8){color:#fff;background:linear-gradient(180deg,#3a1411,#1c0b0a);border-color:rgba(255,84,72,.45)}
@media (min-width:768px){
  .p-pq-pecas-in{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 10px}
  .p-pq-pecas i:nth-child(3n+2){translate:none}
  .p-pq-pecas i:nth-child(even){translate:0 34%}
}

/* R: o celular da conta demo, com brilho atrás */
.p-pq-demo{position:relative;flex:1;min-height:160px}
.p-pq-demo::before{content:"";position:absolute;left:50%;top:40%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(217,45,32,.35),transparent)}
.p-pq-demo .lp-cel{position:absolute;left:50%;top:16px;width:min(62%,270px);transform:translateX(-50%)}

/* T: o relógio da meta diária */
/* o relógio se mede pela caixa que sobra (largura em cqw do cartão E altura em % da caixa): em 1024 o mostrador de 78cqw passava da caixa, cobria o "Ver o CRM" e era cortado no pé */
.p-pq-rel{position:relative;flex:1;min-height:170px}
.p-pq-rel>i{position:absolute;left:50%;top:50%;border-radius:50%;translate:-50% -50%}
.p-pq-rel-m{width:auto;height:min(78cqw,88%,330px);aspect-ratio:1;
  background:repeating-conic-gradient(rgba(255,255,255,.45) 0 .6deg,transparent .6deg 6deg);
  -webkit-mask:radial-gradient(closest-side,transparent 88%,#000 89%);mask:radial-gradient(closest-side,transparent 88%,#000 89%)}
.p-pq-rel-a{width:auto;height:min(64cqw,72%,272px);aspect-ratio:1;background:conic-gradient(var(--red-hi) 0 62deg,rgba(255,255,255,.08) 62deg 360deg);
  -webkit-mask:radial-gradient(closest-side,transparent 82%,#000 83%);mask:radial-gradient(closest-side,transparent 82%,#000 83%)}
.p-pq-rel>.p-pq-rel-h,.p-pq-rel>.p-pq-rel-p{width:3px;border-radius:3px;transform-origin:50% 100%;translate:-50% -100%}
.p-pq-rel-h{height:min(20cqw,22.5%,86px);background:#fff;rotate:-50deg}
.p-pq-rel-p{height:min(28cqw,31.5%,118px);background:var(--red-hi);rotate:62deg}
.p-pq-rel-c{width:14px;height:14px;background:#fff;box-shadow:0 0 0 4px #101010,0 0 0 5px rgba(255,255,255,.2)}

/* ---------- faixa do app ---------- */
.p-pq-app-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"qr mao" "lj lj";gap:20px 12px;align-items:center}
.p-pq-barras{position:absolute;inset:auto 0 30% 0;z-index:-1;height:70%;display:flex;align-items:flex-end;justify-content:space-between;gap:2%;pointer-events:none;
  -webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000);mask-composite:intersect}
.p-pq-barras i{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,rgba(217,45,32,.42),rgba(217,45,32,0));transform-origin:50% 100%}
.p-pq-barras i:nth-child(1){height:26%}.p-pq-barras i:nth-child(2){height:38%}.p-pq-barras i:nth-child(3){height:32%}
.p-pq-barras i:nth-child(4){height:50%}.p-pq-barras i:nth-child(5){height:62%}.p-pq-barras i:nth-child(6){height:56%}
.p-pq-barras i:nth-child(7){height:72%}.p-pq-barras i:nth-child(8){height:84%}.p-pq-barras i:nth-child(9){height:78%}.p-pq-barras i:nth-child(10){height:100%}
.p-pq-qrb{grid-area:qr;display:grid;gap:16px;justify-items:start;align-items:center}
@media (min-width:1024px){.p-pq-qrb{grid-template-columns:auto minmax(0,1fr);gap:20px}}
.p-pq-qr{display:block;width:clamp(76px,7.4vw,96px);aspect-ratio:1;padding:6px;border-radius:14px;background:#fff;transition:transform .2s}
.p-pq-qr svg{display:block;width:100%;height:100%}
.p-pq-qr:active{transform:scale(.97)}
.p-pq-app-t{margin:0 0 8px;font-size:clamp(1.5rem,1rem + 2vw,2.5rem);line-height:1.05;font-weight:600;letter-spacing:-.02em;color:#fff}
.p-pq-app-t span{color:var(--red-hi)}
.p-pq-mao{grid-area:mao;justify-self:center;width:min(100%,400px)}
.p-pq-mao img{display:block;width:100%;height:auto;-webkit-mask:linear-gradient(#000 72%,transparent);mask:linear-gradient(#000 72%,transparent)}
.p-pq-lojas{grid-area:lj;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.p-pq-loja{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border-radius:16px;color:#fff;
  background:linear-gradient(90deg,#b9211a,#dc2f22);transition:transform .15s,background .3s}
.p-pq-loja .ic{flex:none;width:22px;height:22px}
.p-pq-loja span{display:grid;min-width:0}
.p-pq-loja small{font-size:13px;line-height:1.2}
.p-pq-loja b{font-size:16px;line-height:1.25;font-weight:700}
.p-pq-loja:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.p-pq-loja:hover{background:linear-gradient(90deg,#a91d17,#c9281d)}}
@media (min-width:1024px){
  .p-pq-app-in{grid-template-columns:1fr minmax(0,400px) 1fr;grid-template-areas:"qr mao lj";gap:32px}
  .p-pq-lojas{grid-template-columns:minmax(0,260px);justify-content:end;gap:12px}
}

/* ---------- regras: título grande e o par de celulares ---------- */
.p-pq-regras .lp-head{max-width:940px}
.p-pq-regras .lp-h2{font-size:clamp(1.375rem,1rem + 1.8vw,2.5rem);line-height:1.12}
.p-pq-par{position:relative;display:flex;justify-content:center;align-items:flex-start;height:clamp(330px,46vw,620px);overflow:hidden;
  -webkit-mask:linear-gradient(#000 62%,transparent);mask:linear-gradient(#000 62%,transparent)}
.p-pq-par-a,.p-pq-par-b{flex:none;width:clamp(150px,22vw,300px)}
.p-pq-par-a{margin-top:clamp(40px,6vw,90px);margin-right:-4%;filter:brightness(.62)}
.p-pq-par-b{position:relative;z-index:1;margin-left:-4%}
.p-pq-par-l{margin:20px 0 0;text-align:center}

/* ---------- prazos: 2 cartões de número ---------- */
.p-pq-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p-pq-num .rd-card{display:flex;flex-direction:column;overflow:hidden;padding:0 14px 20px;min-height:220px}
.p-pq-num-m{margin:0 -14px;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.p-pq-num-m img{display:block;width:100%;height:auto;mix-blend-mode:lighten}
.p-pq-num-t{margin:auto 0 0;font-size:16px;line-height:1.35;color:var(--lp-mut2)}
.p-pq-num-t b{display:block;margin-bottom:4px;font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);line-height:1;font-weight:700;letter-spacing:-.03em;color:var(--red-hi)}
@media (min-width:768px){
  .p-pq-nums{gap:16px}
  .p-pq-num .rd-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;min-height:240px;padding:0 28px 0 0}
  .p-pq-num-m{margin:0;-webkit-mask:radial-gradient(closest-side,#000 70%,transparent);mask:radial-gradient(closest-side,#000 70%,transparent)}
  .p-pq-num-t{margin:0}
}

/* ---------- comece: cartão largo, 3 cartões e o botão ---------- */
.p-pq-com .rd-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:20px 12px 0}
.p-pq-com-v{position:relative;align-self:end;height:clamp(240px,30vw,400px);overflow:hidden}
.p-pq-com-cel{position:absolute;left:50%;top:0;width:min(78%,230px);transform:translateX(-50%)}
.p-pq-vidro{position:absolute;left:0;right:0;bottom:12px;z-index:1;list-style:none;margin:0 auto;padding:10px;width:min(100%,250px);display:grid;gap:6px;border-radius:18px;
  background:rgba(18,18,18,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.p-pq-vidro li{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.2;font-weight:600;color:rgba(255,255,255,.66)}
.p-pq-vidro .ic{flex:none;width:14px;height:14px}
.p-pq-vidro .ok .ic{color:var(--ok)}
.p-pq-vidro .at{color:#fff}
.p-pq-vidro .at .ic{color:var(--red-hi)}
.p-pq-com-x{display:grid;justify-items:center;text-align:center;padding-bottom:20px}
.p-pq-com-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
@media (min-width:768px){
  .p-pq-com .rd-card{padding:32px 32px 0;gap:24px}
  .p-pq-vidro{padding:14px;gap:8px}
  .p-pq-vidro li{font-size:15px}
  .p-pq-vidro .ic{width:16px;height:16px}
}
.p-pq-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.p-pq-tr .rd-card{min-height:clamp(200px,26vw,360px)}
.p-pq-tr .p-pq-cab{padding-inline:8px}
.p-pq-tr-m{flex:1;display:grid;place-items:end center}
.p-pq-tr-m img{display:block;width:100%;height:auto;mix-blend-mode:lighten;
  -webkit-mask:radial-gradient(closest-side,#000 64%,transparent);mask:radial-gradient(closest-side,#000 64%,transparent)}
@media (min-width:768px){.p-pq-tres{gap:16px;margin-top:16px}}
.p-pq-cta{display:flex;justify-content:center;margin-top:clamp(24px,4vw,40px)}

/* ---------- segurança: cartão grande com o escudo ao fundo ---------- */
.p-pq-seg-box{position:relative;display:flex;align-items:flex-end;min-height:clamp(560px,62vw,860px);border-radius:40px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);isolation:isolate}
.p-pq-seg-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.5)}
.p-pq-seg-box::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.7) 48%,#000 66%)}
.p-pq-seg-c{width:100%;padding:24px 16px;display:grid;justify-items:center;text-align:center;gap:16px}
.p-pq-seg-c .lp-h2{margin:0}
/* sobre a foto do escudo o --red-hi dava 4,45:1; o tom claro da mesma família (o do "Pix") passa de 4,5 */
.p-pq-seg-c .lp-h2 .a{color:#ff6a5e}
/* abaixo de 1024 o título cai sobre o brilho do metal (3,3:1 em 390 e 4,0:1 em 768): o escurecimento passa a nascer no bloco do texto, não numa % da altura do cartão */
@media (max-width:1023px){.p-pq-seg-c{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.72) 24px,rgba(0,0,0,.86) 80px,#000 180px)}}
.p-pq-seg-c .lp-p{margin:0;max-width:56ch}
.p-pq-selos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:640px}
.p-pq-selo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}
.p-pq-selo .ic{flex:none;width:26px;height:26px;color:var(--red-hi)}
.p-pq-selo b{font-size:16px;line-height:1.25;color:#fff}
.p-pq-selo b span{color:var(--lp-mut2)}
.p-pq-seg-it{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:840px;text-align:left}
.p-pq-seg-it li{display:flex;gap:8px;align-items:flex-start}
.p-pq-seg-it .ic{flex:none;width:20px;height:20px;margin-top:2px;color:var(--red-hi)}
.p-pq-seg-it p{margin:0;font-size:14px;line-height:1.45;color:var(--lp-mut2)}
.p-pq-seg-it b{color:#fff}
.p-pq-seg-it a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (min-width:600px){.p-pq-selo{flex-direction:row;justify-content:center;text-align:left}}
@media (min-width:768px){
  .p-pq-seg-c{padding:48px 48px 56px;gap:20px}
  .p-pq-selos{gap:16px}
  .p-pq-selo{padding:18px 20px}
  .p-pq-selo b{font-size:17px}
  .p-pq-seg-it{gap:24px}
  .p-pq-seg-it p{font-size:16px}
}

/* ---------- movimento (só transform/opacity) ---------- */
@media (prefers-reduced-motion:no-preference){
  .p-pq-chao-in img{animation:p-pq-deriva 18s ease-in-out infinite alternate}
  .js-ok .p-pq-bal>*,.js-ok .p-pq-tag,.js-ok .p-pq-pix b,.js-ok .p-pq-flip b,.js-ok .p-pq-pilha li{opacity:0;transition:opacity .5s ease-out,transform .6s cubic-bezier(.22,1,.36,1)}
  .js-ok .p-pq-bal>*{transform:translateY(10px)}
  .p-pq-bal>:nth-child(2){transition-delay:.12s}.p-pq-bal>:nth-child(3){transition-delay:.24s}.p-pq-bal>:nth-child(4){transition-delay:.36s}
  .js-ok .p-pq-pix b{transform:scale(.8)}
  .js-ok .p-pq-flip b{transform:rotateX(-90deg)}
  .p-pq-flip b.v{transition-delay:.18s}
  .js-ok .p-pq-tag{transform:scale(.6)}
  .js-ok .p-pq-pilha li{transform:translateY(24px)}
  .p-pq-pilha li:nth-child(2){transition-delay:.08s}.p-pq-pilha li:nth-child(3){transition-delay:.16s}
  .p-pq-pilha li:nth-child(4){transition-delay:.24s}.p-pq-pilha li:nth-child(5){transition-delay:.32s}
  .js-ok .rd-c.on .p-pq-bal>*,.js-ok .rd-c.on .p-pq-tag,.js-ok .rd-c.on .p-pq-flip b,.js-ok .rd-c.on .p-pq-pilha li{opacity:1;transform:none}
  .js-ok .rd-c.on .p-pq-pix b{opacity:1;transform:none;animation:p-pq-boia 4s 1s ease-in-out infinite}
  .p-pq-pecas i{animation:p-pq-flutua 5s calc(var(--i) * -.6s) ease-in-out infinite}
  .p-pq-rel>.p-pq-rel-p{animation:p-pq-gira 12s linear infinite}
  @supports (animation-timeline:view()){
    .p-pq-barras i{animation:p-pq-sobe linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  }
}
@keyframes p-pq-deriva{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
@keyframes p-pq-boia{0%,100%{transform:none}50%{transform:translateY(-6px)}}
@keyframes p-pq-flutua{0%,100%{transform:none}50%{transform:translateY(-6px)}}
@keyframes p-pq-gira{from{rotate:62deg}to{rotate:422deg}}
@keyframes p-pq-sobe{from{transform:scaleY(.2);opacity:.2}to{transform:none;opacity:1}}

/* link dentro da resposta do FAQ: área de toque de 44px sem mexer na entrelinha (padding de inline não empurra a linha) */
#faq-list p a{padding-block:12.5px}