/* VLS Peptides · PAY FIT — acabamento v3 (25/10/2026): páginas Perguntas, Políticas, Contato, Concentração, Certificados, Verificar, Produtos e lançamentos.
   Motivo tirado da CAIXA da caneta: branco, faixa vermelha em diagonal à esquerda, linhas finas. Uma cor de destaque (vermelho #c8102e).
   Movimento leve só com transform (brilho que passa pelo gradiente), pausado fora da tela e desligado com prefers-reduced-motion.
   Carregado só nas rotas que usam o v3 (função v3_css do gerador); a home e as demais páginas não pagam por ele. */
:root{
  interpolate-size:allow-keywords;
  --sangue:linear-gradient(118deg,#5e0614 0%,#8d0b1f 38%,#b20f29 70%,#c8102e 100%);
  --rosa-linha:#e8b9c2;
  --zap-oficial:#25d366;
  --cor:#c8102e;
}

/* ============ gradiente "sangue" com brilho que passa (só transform) ============ */
.sangue{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:radial-gradient(90% 130% at 100% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%),var(--sangue)}
.brilho::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:36%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.17) 50%,rgba(255,255,255,0) 100%);
  transform:translateX(-140%) skewX(-18deg);animation:brilho 9s cubic-bezier(.45,0,.25,1) 1.4s infinite}
@keyframes brilho{0%,62%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(380%) skewX(-18deg)}}
.js .brilho:not(.is-vis)::after{animation-play-state:paused}

/* botões sobre o vermelho */
.btn--branco{background:#fff;color:var(--red);border-color:#fff}
.btn--branco:hover{background:#fff1f3;border-color:#fff1f3}
.btn--branco .zi{display:inline-grid;color:var(--zap-oficial)}
.btn--branco .zi svg{width:20px;height:20px}
.btn--branco.btn--zapb{color:var(--ink)}
.btn--fantasma{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.btn--fantasma:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.ico-zap{color:var(--zap-oficial)}

/* ============ banner de topo integrado: foto verdadeira à direita, painel vermelho por cima com a borda em diagonal ============ */
.phero3{position:relative;display:flex;overflow:hidden;background:#fff;border-bottom:1px solid var(--line);min-height:clamp(320px,26vw,420px)}
.phero3__foto{position:absolute;inset:0 0 0 auto;width:50%;background:var(--soft)}
.phero3__foto img{width:100%;height:100%;object-fit:cover;object-position:var(--foco,50% 50%)}
.phero3__tag{position:absolute;right:14px;bottom:12px;z-index:2;background:rgba(255,255,255,.92);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:.7rem;letter-spacing:.04em}
.phero3__painel{position:relative;z-index:1;width:55%;display:flex;align-items:center;
  padding:46px 84px 54px max(20px,calc((100vw - 1160px)/2));
  clip-path:polygon(0 0,100% 0,calc(100% - 76px) 100%,0 100%)}
.phero3__painel::before{content:"";position:absolute;z-index:-1;left:max(20px,calc((100vw - 1160px)/2));right:132px;bottom:24px;height:4px;border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.18)}
.phero3__txt{max-width:540px}
.phero3 .migalha{margin:0 0 18px;color:rgba(255,255,255,.8)}
.phero3 .migalha li+li::before{color:rgba(255,255,255,.45)}
.phero3 .migalha a:hover{color:#fff}
.phero3 h1{color:#fff;font-size:clamp(1.75rem,2.9vw,2.6rem);margin-bottom:14px;text-wrap:balance}
.phero3 .lead{color:rgba(255,255,255,.93);font-size:1rem;line-height:1.6;max-width:48ch;margin:0}
.phero3__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.phero3 .pills{margin:0 0 14px}
.phero3 .pill{color:#fff;border-color:rgba(255,255,255,.55);margin:0}
.phero3 .pill--ok{color:#fff;border-color:rgba(255,255,255,.55)}
@media (max-width:899px){
  .phero3{display:block;min-height:0}
  .phero3__foto{position:relative;width:100%;aspect-ratio:16/9}
  .phero3__painel{width:100%;margin-top:-22px;padding:46px 20px 38px;clip-path:polygon(0 22px,100% 0,100% 100%,0 100%)}
  .phero3__painel::before{display:none}
  .phero3 .lead{max-width:60ch}
}
@media (max-width:700px){.phero3__painel{padding-inline:16px}.phero3__btns .btn{flex:1 1 220px}}

/* ============ faixa de chamada final em vermelho ============ */
.cta3__in{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:54px;flex-wrap:wrap}
.cta3 h2{color:#fff;margin-bottom:8px}
.cta3 p{margin:0;color:rgba(255,255,255,.92);max-width:58ch}
.cta3__btns{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:700px){.cta3__in{padding-block:40px}.cta3__btns,.cta3__btns .btn{width:100%}}

/* ============ PERGUNTAS ============ */
.faq3__ferr{display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;margin-bottom:34px}
.busca{position:relative;flex:1 1 360px;max-width:560px}
.busca svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--red);pointer-events:none}
.busca input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--line2);border-radius:6px;font:inherit;background:#fff;color:var(--ink);box-shadow:inset 0 1px 2px rgba(15,19,24,.06)}
.busca input:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.faq3__n{margin:0;font-size:.86rem;color:var(--muted);font-variant-numeric:tabular-nums}
.faq3__cols{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}
.faq3__indice{position:sticky;top:calc(var(--cabeca-h) + 20px);border:1px solid var(--line);border-radius:8px;padding:6px 0 10px;background:#fff}
.faq3__indice-t{margin:0;padding:12px 18px 8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.faq3__indice a{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:.88rem;line-height:1.35;text-decoration:none;color:var(--ink2);border-top:1px solid transparent}
.faq3__indice a svg{width:18px;height:18px;color:var(--red);flex:none}
.faq3__indice a:hover,.faq3__indice a.is-on{color:var(--red);background:var(--red-s)}
.faq3__indice li[hidden]{display:none}
.faq3__grupo{margin-bottom:46px;scroll-margin-top:calc(var(--cabeca-h) + 16px)}
.faq3__grupo[hidden]{display:none}
.faq3__gcab{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.faq3__gcab h2{font-size:1.3rem}
.faq3__gcab p{margin:2px 0 0;font-size:.88rem;color:var(--muted);line-height:1.5}
.faq3__vazio{border:1px dashed var(--line2);border-radius:8px;padding:28px 24px;text-align:center;background:var(--soft)}
.faq3__vazio p{margin:0 0 16px;color:var(--ink2)}
.faq3__vazio[hidden]{display:none}

/* cada pergunta é um BOTÃO com profundidade, no formato da caixa: bloco vermelho em diagonal à esquerda, branco, linhas finas */
.faq3 .q3{position:relative;margin:0 0 18px;border:1px solid var(--line2);border-radius:8px;background:#fff;
  box-shadow:0 3px 0 #efccd3,0 14px 20px -14px rgba(200,16,46,.42);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.faq3 .q3[hidden]{display:none}
@media (hover:hover){.faq3 .q3:hover{transform:translateY(-1px);border-color:#e3a5b0;box-shadow:0 4px 0 #ebbcc5,0 18px 24px -14px rgba(200,16,46,.5)}}
.faq3 .q3[open]{border-color:var(--red);box-shadow:0 3px 0 #e8a9b5,0 18px 28px -16px rgba(200,16,46,.5)}
.faq3 .q3:has(>summary:active){transform:translateY(2px);box-shadow:0 1px 0 #efccd3,0 8px 14px -12px rgba(200,16,46,.4)}
.faq3 .q3>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;min-height:72px;list-style:none;cursor:pointer;border-radius:7px;overflow:hidden;-webkit-tap-highlight-color:transparent}
.faq3 .q3>summary::-webkit-details-marker{display:none}
.faq3 .q3>summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.faq3 .q3 .q3__ico{position:relative;isolation:isolate;overflow:hidden;width:70px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(118deg,#5e0614 0%,#8d0b1f 46%,#c8102e 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}
.faq3 .q3 .q3__ico svg{width:24px;height:24px;margin-right:8px;transform:none;color:#fff}
.q3__ico::after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:55%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:translateX(-170%) skewX(-18deg)}
@media (hover:hover){.faq3 .q3>summary:hover .q3__ico::after{animation:passa .85s ease-out 1}}
.faq3 .q3>summary:focus-visible .q3__ico::after,.faq3 .q3[open] .q3__ico::after{animation:passa .85s ease-out 1}
@keyframes passa{to{transform:translateX(330%) skewX(-18deg)}}
.faq3 .q3 .q3__q{margin:0;padding:16px 14px 16px 6px;align-self:center;font-size:1.02rem;font-weight:600;line-height:1.38;letter-spacing:-.01em;color:var(--ink)}
.faq3 .q3 .q3__chev{display:grid;place-items:center;padding-right:16px}
.faq3 .q3 .q3__chev>span{width:34px;height:34px;border-radius:50%;border:1px solid #e3a5b0;background:#fff;color:var(--red);display:grid;place-items:center;transition:transform .35s ease,background .2s,color .2s,border-color .2s}
.faq3 .q3 .q3__chev svg{width:18px;height:18px;transform:none;color:inherit}
.faq3 .q3[open] .q3__chev>span{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(180deg)}
/* a resposta abre como cortina (block-size animado); o atributo open muda na hora */
.faq3 .q3::details-content{block-size:0;overflow:hidden;transition:block-size .42s cubic-bezier(.4,0,.2,1),content-visibility .42s allow-discrete}
.faq3 .q3[open]::details-content{block-size:auto}
.q3__a{margin:0 18px;padding:18px 6px 22px 74px;border-top:1px solid var(--line)}
.q3__txt p{margin:0 0 .9em;color:var(--ink2);line-height:1.72;max-width:66ch}
.q3__txt p:last-child{margin-bottom:0}
.q3__txt a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.q3__fontes{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.q3__fontes-t{margin:0 0 6px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.q3__fontes ul{display:grid;gap:4px}
.q3__fontes a{display:inline-flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.45;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.q3__fontes a:hover{color:var(--red)}
.q3__fontes a svg{width:13px;height:13px;flex:none;margin-top:3px;color:var(--red)}
.faq3__rev{margin:6px 0 0;font-size:.8rem;color:var(--muted)}
@media (max-width:980px){
  .faq3__cols{grid-template-columns:minmax(0,1fr);gap:26px}
  .faq3__indice{position:static;border:0;padding:0;background:transparent}
  .faq3__indice-t{display:none}
  .faq3__indice ul{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}
  .faq3__indice a{border:1px solid var(--line2);border-radius:999px;padding:8px 14px;white-space:nowrap;background:#fff;scroll-snap-align:start}
  .faq3__indice a svg{display:none}
}
@media (max-width:700px){
  .faq3 .q3 .q3__ico{width:54px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
  .faq3 .q3 .q3__ico svg{width:21px;height:21px;margin-right:6px}
  .faq3 .q3 .q3__q{font-size:.97rem;padding:14px 8px 14px 4px}
  .faq3 .q3 .q3__chev{padding-right:12px}
  .faq3 .q3 .q3__chev>span{width:30px;height:30px}
  .q3__a{margin:0 12px;padding:16px 2px 20px}
}

/* ============ cartões 1 px com ícone (resumos, passos, "como ler") ============ */
.ic3{width:42px;height:42px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;color:var(--red);flex:none;background:#fff}
.ic3 svg{width:20px;height:20px}
.res3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.res3__i{border:1px solid var(--line);border-radius:8px;padding:22px 20px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.res3__i .ic3{margin-bottom:8px}
.res3__i strong{font-size:1rem}
.res3__i span{font-size:.88rem;color:var(--muted);line-height:1.55}
.card4{border:1px solid var(--line);border-radius:8px;padding:26px 22px;background:#fff;min-width:0}
.card4 .ic3{margin-bottom:16px}
.card4 h3{margin-bottom:8px}
.card4 p{margin:0;font-size:.93rem;color:var(--muted)}

/* ============ POLÍTICAS ============ */
.pols3{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.toc3{position:sticky;top:calc(var(--cabeca-h) + 20px);border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 0 10px}
.toc3__t{margin:0;padding:12px 18px 8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.toc3 a{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:.88rem;line-height:1.35;text-decoration:none;color:var(--ink2)}
.toc3 a svg{width:17px;height:17px;color:var(--red);flex:none}
.toc3 a:hover,.toc3 a.is-on{color:var(--red);background:var(--red-s)}
.pol3{border:1px solid var(--line);border-radius:8px;background:#fff;padding:28px 30px 8px;margin-bottom:18px;scroll-margin-top:calc(var(--cabeca-h) + 16px)}
.pol3__cab{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pol3 h2{font-size:1.28rem}
.pol3 p{color:var(--ink2);max-width:70ch}
@media (max-width:980px){
  .res3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pols3{grid-template-columns:minmax(0,1fr);gap:24px}
  .toc3{position:static}
}
@media (max-width:560px){.res3{grid-template-columns:minmax(0,1fr)}.pol3{padding:22px 18px 4px}}

/* ============ CONTATO ============ */
.contacto3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start}
.canal3{border-radius:8px;padding:38px 34px;border:1px solid #8d0b1f}
.canal3 .zi-grande{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--zap-oficial);display:grid;place-items:center;margin-bottom:20px}
.canal3 .zi-grande svg{width:30px;height:30px}
.canal3 h2{color:#fff;font-size:1.55rem;margin-bottom:10px}
.canal3 p{color:rgba(255,255,255,.93);margin-bottom:22px}
.canal3__temas{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.28)}
.canal3__temas-t{margin:0 0 12px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.85)}
.canal3__temas ul{display:flex;flex-wrap:wrap;gap:8px}
.canal3__temas a{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;text-decoration:none;font-size:.86rem;line-height:1.3}
.canal3__temas a:hover{background:#fff;color:var(--red);border-color:#fff}
.form3{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.form3__cab{display:flex;align-items:center;gap:14px;padding:22px 30px;border-bottom:1px solid var(--line);background:var(--soft)}
.form3__cab h2{font-size:1.25rem;margin:0}
.form3__cab p{margin:2px 0 0;font-size:.88rem;color:var(--muted)}
.form3__corpo{padding:6px 30px 28px}
.form3 label{display:block;font-weight:600;font-size:.86rem;margin:18px 0 6px}
.form3 input,.form3 select,.form3 textarea{width:100%;padding:12px 14px;border:1px solid var(--line2);border-radius:4px;font:inherit;background:#fff;color:var(--ink)}
.form3 input:focus,.form3 select:focus,.form3 textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.form3 .nota{margin:16px 0 0}
@media (max-width:900px){.contacto3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.canal3{padding:28px 20px}.form3__cab{padding:18px 18px}.form3__corpo{padding:2px 18px 22px}}

/* ============ CONCENTRAÇÃO ============ */
.conc3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center}
.eq3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.35fr);align-items:stretch}
.eq3__t{border:1px solid var(--line2);border-radius:8px;padding:26px 14px;text-align:center;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:.8rem;color:var(--muted);min-width:0}
.eq3__t strong{font-size:1.9rem;font-weight:300;color:var(--ink2);letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.eq3__op{align-self:center;padding:0 12px;font-size:1.5rem;color:var(--red)}
.eq3__r{border-radius:8px;padding:26px 14px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:.8rem;color:rgba(255,255,255,.9);border:1px solid #8d0b1f;min-width:0}
.eq3__r::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.36);border-radius:4px;pointer-events:none}
.eq3__r strong{font-size:2.3rem;font-weight:600;color:#fff;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}
.formula3{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:24px 0 14px}
.formula3 span{border:1px solid var(--line2);border-radius:6px;padding:12px 18px;background:#fff;font-weight:500}
.formula3 i{font-style:normal;color:var(--red);font-size:1.25rem}
@media (max-width:900px){.conc3{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:560px){
  .eq3{grid-template-columns:minmax(0,1fr)}
  .eq3__op{padding:6px 0;text-align:center}
  .eq3__t,.eq3__r{padding:20px 14px}
}

/* ============ CERTIFICADOS ============ */
.cert3-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.cert3{border:1px solid var(--line2);border-radius:8px;background:#fff;padding:6px;box-shadow:0 18px 30px -22px rgba(15,19,24,.35)}
.cert3__in{border:1px solid var(--line);border-radius:5px;overflow:hidden}
.cert3__top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 22px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.cert3__top strong{font-weight:600}
.cert3__corpo{padding:26px 24px 26px}
.cert3__v{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--muted);font-size:.9rem}
.cert3__v strong{font-size:3.1rem;font-weight:300;letter-spacing:-.04em;color:var(--red);line-height:1}
.cert3__bar{height:3px;background:var(--line);margin:14px 0 20px}
.cert3__bar i{display:block;height:100%;background:var(--red)}
.cert3__dl{display:grid;gap:0;margin:0 0 22px;border-top:1px solid var(--line)}
.cert3__dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.cert3__dl dt{color:var(--muted)}
.cert3__dl dd{margin:0;font-weight:600;text-align:right}
@media (max-width:900px){.cert3-box{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:560px){.cert3__v strong{font-size:2.5rem}.cert3__corpo{padding:20px 16px}}

/* ============ VERIFICAR ============ */
.passos3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px;counter-reset:p3}
.passos3 li{position:relative;border:1px solid var(--line);border-radius:8px;padding:26px 22px 24px;background:#fff;min-width:0}
.passos3 li::after{content:"";position:absolute;top:44px;right:-21px;width:22px;height:1px;background:var(--line2)}
.passos3 li:last-child::after{display:none}
.passos3 .paso__n{margin-bottom:16px}
.passos3 h3{margin-bottom:6px}
.passos3 p{margin:0;font-size:.93rem;color:var(--muted)}
.verif3{border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:#fff}
.verif3__cab{display:flex;align-items:center;gap:14px;padding:20px 28px;border-radius:0}
.verif3__cab .ic3{border-color:rgba(255,255,255,.6);background:transparent;color:#fff}
.verif3__cab strong{font-size:1.05rem}
.verif3__corpo{padding:8px 28px 26px}
.verif3 label{display:block;font-weight:600;font-size:.86rem;margin:16px 0 6px}
.verif3 input{width:100%;padding:14px 16px;border:1px solid var(--line2);border-radius:4px;font:inherit;font-size:1.05rem;letter-spacing:.04em;background:#fff;color:var(--ink)}
.verif3 input:focus{outline:2px solid var(--red);outline-offset:0;border-color:transparent}
.verif3 .nota{margin:16px 0 0}
@media (max-width:820px){
  .passos3{grid-template-columns:minmax(0,1fr);gap:14px}
  .passos3 li::after{display:none}
}
@media (max-width:560px){.verif3__cab{padding:16px 18px}.verif3__corpo{padding:4px 18px 22px}}

/* ============ PRODUTOS: cartão com o motivo da caixa (foto, faixa vermelha em diagonal, texto) ============ */
.prod3 .pdest,.plan{display:grid;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line2);border-radius:8px;background:var(--sangue);text-decoration:none;color:inherit}
.prod3 .pdest{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.prod3 .pdest::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:30%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:translateX(-140%) skewX(-18deg);animation:brilho 9s cubic-bezier(.45,0,.25,1) 1.4s infinite}
.js .prod3 .pdest:not(.is-vis)::after{animation-play-state:paused}
.prod3 .pdest__img{clip-path:polygon(0 0,100% 0,calc(100% - 46px) 100%,0 100%);background:var(--soft)}
.prod3 .pdest__txt{margin-left:-46px;padding:38px 36px 36px 80px;background:#fff;clip-path:polygon(64px 0,100% 0,100% 100%,18px 100%)}
.prod3 .pdest:hover{border-color:var(--red)}
@media (max-width:900px){
  .prod3 .pdest{grid-template-columns:minmax(0,1fr)}
  .prod3 .pdest__img{clip-path:none;border-bottom:6px solid var(--red)}
  .prod3 .pdest__txt{margin-left:0;padding:26px 22px 28px;clip-path:none}
}
.plan{grid-template-columns:minmax(0,1fr);background:#fff;border-color:var(--line);transition:border-color .2s}
.plan:hover{border-color:var(--cor)}
.plan__img{aspect-ratio:4/3;background:var(--soft);overflow:hidden;border-bottom:1px solid var(--line)}
.plan__img img{width:100%;height:100%;object-fit:cover;object-position:var(--foco,50% 50%)}
.plan__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}
.plan__body h3{font-size:1.1rem}
.plan__body p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}
.plan__body .pill{align-self:flex-start;margin:0 0 8px;border-color:var(--cor);color:var(--ink2)}
.plan__go{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;color:var(--red)}
.plan__go svg{width:16px;height:16px}
.plan__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}

/* ============ lançamentos (página de produto em preparação) ============ */
.lanc .pontos li .ico,.lanc .ico{color:var(--cor);border-color:var(--cor)}
.lanc .ico svg{color:var(--cor)}
.lanc__aviso{border:1px solid var(--line2);border-radius:8px;padding:16px 20px;background:var(--soft);font-size:.9rem;color:var(--ink2);display:flex;gap:12px;align-items:flex-start}
.lanc__aviso svg{width:20px;height:20px;color:var(--red);flex:none;margin-top:2px}
.lanc__aviso p{margin:0}
.lanc-foto{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft)}
.lanc-foto img{width:100%;height:auto}

/* ============ banner de largura inteira (Certificados): a imagem é o fundo e o título e o texto ficam POR CIMA, sobre o degradê "sangue" ============ */
.phero3--cheio .phero3__foto{width:100%}
.phero3--cheio .phero3__painel,.phero3--cheio .phero3__painel.sangue{width:100%;clip-path:none;padding-right:20px;
  background:linear-gradient(90deg,rgba(66,4,16,.97) 0%,rgba(105,8,25,.93) 44%,rgba(160,12,38,.62) 66%,rgba(200,16,46,.1) 86%,rgba(200,16,46,0) 100%)}
.phero3--cheio .phero3__painel::before{display:none}
.phero3--cheio .phero3__tag{right:auto;left:14px;bottom:12px}
@media (max-width:899px){
  .phero3--cheio{display:flex;min-height:380px}
  .phero3--cheio .phero3__foto{position:absolute;inset:0;aspect-ratio:auto;width:100%}
  .phero3--cheio .phero3__painel,.phero3--cheio .phero3__painel.sangue{margin-top:0;padding:40px 16px 56px;background:linear-gradient(180deg,rgba(66,4,16,.93) 0%,rgba(105,8,25,.86) 60%,rgba(160,12,38,.72) 100%)}
}

/* ============ CERTIFICADO EM FASES: a página do PDF em 3 recortes legíveis, cada um com a explicação linha por linha ============ */
.fase3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:26px;margin-bottom:26px}
.fase3__fig{margin:0;align-self:start;position:sticky;top:calc(var(--cabeca-h) + 20px)}
.fase3__cab{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.fase3__n{width:42px;height:42px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:600;flex:none}
.fase3__cab h3{font-size:1.25rem;line-height:1.25}
.fase3__txt>p{color:var(--ink2);margin:0 0 18px}
.coa-zoom{display:block;position:relative;width:100%;padding:0;border:1px solid var(--line2);border-radius:6px;background:#fff;cursor:zoom-in;overflow:hidden;text-decoration:none}
.coa-zoom img{width:100%;height:auto}
.coa-zoom:hover{border-color:var(--red)}
.coa-zoom__dica{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;padding:10px 14px;font-size:.84rem;font-weight:600;line-height:1}
.coa-zoom__dica svg{width:16px;height:16px}
.linhas3{display:grid;border-top:1px solid var(--line)}
.linhas3>li{padding:12px 0;border-bottom:1px solid var(--line)}
.linhas3__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px}
.linhas3__top strong{font-size:1rem}
.linhas3__top code{font:inherit;font-size:.74rem;color:var(--muted);letter-spacing:.02em;border:1px solid var(--line);border-radius:4px;padding:1px 7px;background:var(--soft)}
.linhas3__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.linhas3__chips span{font-size:.76rem;line-height:1.35;border:1px solid var(--line2);border-radius:999px;padding:2px 10px;color:var(--ink2);background:#fff;font-variant-numeric:tabular-nums}
.linhas3__chips .r{border-color:var(--red);color:var(--red);font-weight:600}
.linhas3 p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.6}
.coa-dlg{border:0;padding:0;border-radius:8px;background:#fff;max-width:min(96vw,1360px);max-height:92vh;overflow:hidden}
.coa-dlg::backdrop{background:rgba(15,19,24,.74)}
.coa-dlg__box{overflow:auto;max-height:92vh}
.coa-dlg__box img{display:block;width:max(100%,900px);max-width:none;height:auto}
.coa-dlg__x{position:fixed;top:12px;right:14px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center}
.coa-dlg__x:hover{border-color:var(--red);color:var(--red)}
.coa-dlg__x svg{width:20px;height:20px}
@media (max-width:980px){
  .fase3{grid-template-columns:minmax(0,1fr);gap:22px;padding:18px}
  .fase3__fig{position:static}
}

@media (prefers-reduced-motion:reduce){
  .brilho::after,.prod3 .pdest::after,.q3__ico::after{display:none!important;animation:none!important}
  .faq3 .q3,.faq3 .q3::details-content,.faq3 .q3 .q3__chev>span{transition:none!important}
  .faq3 .q3:hover,.faq3 .q3:has(>summary:active){transform:none}
}