/* V5 · modelo "arsenal": vídeo grande no topo, faixa de números, papel claro pro contraste e pra conta.
   Títulos em Archivo bem estreito e reto, diferente do itálico da V3 e do largo da V4. */

.v5{--papel:#ecebe5;--tinta:#141414;--tinta-2:#5c5c57;--fio-p:rgba(20,20,20,.14)}
.col5{max-width:960px;margin:0 auto;padding:0 var(--pad)}
.rot5{font:700 .8rem/1.2 var(--f);color:var(--acento)}
.rot5::before{content:"/ ";opacity:.6}
.v5 h2{margin-top:10px;font:900 clamp(2.1rem,10vw,4.4rem)/.9 var(--f);font-stretch:68%;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.v5 h2 span{color:var(--suave-2)}

/* 1 · topo */
.h5{max-width:1120px;margin:0 auto;padding:10px var(--pad) 36px}
.h5-grade{display:grid;gap:24px}
.h5-rot{font:600 .85rem/1 var(--f);color:var(--suave)}
.h5 h1{margin-top:10px;font:900 clamp(3.2rem,17vw,7rem)/.84 var(--f);font-stretch:66%;text-transform:uppercase;letter-spacing:-.01em}
.h5 h1 span{display:block;color:var(--acento)}
.h5-sub{margin-top:16px;color:var(--suave);max-width:44ch}
.h5-compra{margin-top:20px}
.h5-preco{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font:700 1rem/1 var(--f)}
.h5-preco s{color:var(--suave-2);text-decoration-color:var(--acento)}
.h5-preco b{font:900 2.6rem/1 var(--f);font-stretch:70%;color:var(--acento)}
.h5-preco small{color:var(--suave);font-weight:500}
.h5 .botao{margin-top:14px}
.h5-mini{margin-top:10px;font-size:.84rem;color:var(--suave-2)}
.h5-video{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#000;cursor:pointer;color:var(--texto);text-align:left;box-shadow:0 0 0 1px var(--fio),0 40px 80px -40px rgba(18,245,34,.35)}
.h5-video img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .8s var(--ease)}
.h5-video:hover img{transform:scale(1.03)}
.h5-video::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.h5-play{position:absolute;z-index:1;left:50%;top:44%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--acento);animation:pulso 1.8s var(--mv-calmo,ease) infinite}
.h5-play::after{content:"";position:absolute;left:30px;top:24px;border-style:solid;border-width:14px 0 14px 20px;border-color:transparent transparent transparent #030403}
.h5-leg{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;font-size:.86rem;color:var(--suave)}
.h5-leg b{display:block;font:900 1.4rem/1 var(--f);font-stretch:70%;text-transform:uppercase;color:var(--texto);margin-bottom:5px}
@media (min-width:900px){
  .h5{padding-top:30px}
  .h5-grade{grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
  .h5-video{aspect-ratio:9/13}
}

/* 2 · números */
.numeros5{display:grid;max-width:1120px;margin:0 auto;padding:0 var(--pad) 44px;gap:0}
.numeros5 div{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--fio)}
.numeros5 b{font:900 2.4rem/1 var(--f);font-stretch:66%;color:var(--texto)}
.numeros5 span{font-size:.92rem;color:var(--suave);line-height:1.4}
@media (min-width:900px){.numeros5{grid-template-columns:repeat(3,1fr);gap:32px}.numeros5 div{grid-template-columns:1fr;gap:6px}.numeros5 b{font-size:3.4rem}}

/* papel claro */
.papel5{background:var(--papel);color:var(--tinta);padding:64px 0}
.papel5 h2 span{color:var(--tinta-2)}
.papel5 .rot5{color:#0f7a17}

/* 3 · lado a lado */
.vs5{display:grid;gap:12px;margin-top:28px}
.vs5-lado{padding:18px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--fio-p)}
.vs5-cab{font:900 1.3rem/1 var(--f);font-stretch:70%;text-transform:uppercase}
.vs5 ul{list-style:none;padding:0;margin:12px 0 0}
.vs5 li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--fio-p);font-size:.95rem;line-height:1.4}
.vs5 li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:2px;background:#b23a2a}
.vs5-lado:first-child li{color:var(--tinta-2)}
.vs5-pronto{background:var(--tinta);color:var(--texto);box-shadow:none}
.vs5-pronto .vs5-cab{color:var(--acento)}
.vs5-pronto li{border-top-color:var(--fio)}
.vs5-pronto li::before{width:8px;height:8px;border-radius:50%;top:15px;background:var(--acento)}
@media (min-width:760px){.vs5{grid-template-columns:1fr 1fr}}

/* 4 · arsenal */
.arsenal5{padding:64px 0}
.fluxo5{margin-top:28px;padding:18px;border-radius:14px;background:var(--fundo-2);box-shadow:inset 0 0 0 1px rgba(18,245,34,.3)}
.fluxo5-rot{font:700 .78rem/1 var(--f);color:var(--acento)}
.fluxo5-passos{display:grid;gap:10px;margin-top:14px}
.fluxo5-passos div{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
.fluxo5-passos i{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:900 1rem/1 var(--f);font-style:normal;background:var(--acento);color:#030403}
.fluxo5-passos b{font-weight:700}
.fluxo5-passos span{font-size:.9rem;color:var(--suave)}
@media (min-width:760px){.fluxo5-passos{grid-template-columns:repeat(3,1fr);gap:20px}}
.ferr5{list-style:none;padding:0;margin:20px 0 0;display:grid}
.ferr5 li{display:grid;grid-template-columns:1fr;gap:3px;padding:14px 0;border-bottom:1px solid var(--fio)}
.ferr5 b{font:900 1.25rem/1 var(--f);font-stretch:72%;text-transform:uppercase}
.ferr5 span{font-size:.93rem;color:var(--suave)}
@media (min-width:760px){.ferr5{grid-template-columns:1fr 1fr;column-gap:40px}.ferr5 li{grid-template-columns:200px 1fr;gap:16px;align-items:baseline}}
.pbox5{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:28px}
.pbox5 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.pbox5-leg{margin-top:8px;font-size:.84rem;color:var(--suave-2)}
@media (min-width:760px){.pbox5{grid-template-columns:repeat(6,1fr)}}

/* 5 · pilares */
.pilares5{padding:56px 0 64px;border-top:1px solid var(--fio)}
.pil5-grade{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1120px;margin:26px auto 0;padding:0 var(--pad)}
.pil5-grade article{padding:12px;border-radius:12px;background:var(--fundo-2)}
.pil5-n{font:900 1.7rem/1 var(--f);font-stretch:66%;text-transform:uppercase;color:var(--acento)}
.pil5-grade img,.pil5-ico{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-top:10px;background:#111}
.pil5-ico{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:22%}
.pil5-ico i{width:18%;height:calc(var(--h)*100%);border-radius:3px 3px 0 0;background:var(--suave-2)}
.pil5-ico i:nth-child(2){background:var(--acento)}
.pil5-grade ul{list-style:none;padding:0;margin:10px 0 0}
.pil5-grade li{font-size:.82rem;color:var(--suave);padding:6px 0;border-top:1px solid var(--fio);line-height:1.3}
.pil5-grade li b{display:block;color:var(--texto);font-weight:600;font-size:.9rem}
.pil5-grade li i{font-style:normal;font:700 .62rem/1 var(--f);text-transform:uppercase;background:var(--acento);color:#030403;padding:2px 4px;border-radius:3px}
@media (min-width:900px){.pil5-grade{grid-template-columns:repeat(4,1fr);gap:16px}}

/* 6 · calculadora */
.calc5-sub{margin-top:12px;color:var(--tinta-2)}
.calc5{margin-top:24px;display:grid;gap:0;font-variant-numeric:tabular-nums}
.calc5 label{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid var(--fio-p);cursor:pointer}
.calc5 input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:5px;border:2px solid var(--tinta);display:grid;place-items:center;cursor:pointer}
.calc5 input:checked{background:var(--tinta)}
.calc5 input:checked::after{content:"";width:6px;height:11px;border:solid var(--acento);border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.calc5 input:focus-visible{outline:2px solid #0f7a17;outline-offset:2px}
.calc5 label b{font-weight:700}
.calc5 label:has(input:not(:checked)) span,.calc5 label:has(input:not(:checked)) b{color:var(--tinta-2)}
.calc5-res{margin-top:6px;padding:18px;border-radius:12px;background:var(--tinta);color:var(--texto)}
.calc5-res p{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.calc5-res p+p{margin-top:8px}
.calc5-res b{font:900 2rem/1 var(--f);font-stretch:70%}
.calc5-res b.v{color:var(--acento)}
.calc5-res p>span{font-size:.92rem;color:var(--suave)}
.calc5-dif{justify-content:flex-start!important;font-size:.92rem;color:var(--suave);padding-top:10px;border-top:1px solid var(--fio)}
.calc5-dif b{font:700 .95rem/1 var(--f);color:var(--texto)}
.calc5:not(.passou) .calc5-dif{opacity:.4}
.calc5-nota{margin-top:16px;font-size:.86rem;color:var(--tinta-2);line-height:1.5}
@media (min-width:760px){.calc5{grid-template-columns:1fr 1fr;column-gap:32px}.calc5-res{grid-column:1/-1}}

/* 7 · prova e quem */
.prova5{padding:64px 0}
.prova5-prints{margin-top:22px}
.quem5{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start;max-width:960px;margin:40px auto 0;padding:0 var(--pad)}
.quem5 img{border-radius:12px;aspect-ratio:3/4;object-fit:cover;object-position:50% 15%}
.quem5 h3{font:900 1.7rem/1 var(--f);font-stretch:68%;text-transform:uppercase}
.quem5 p{margin-top:8px;color:var(--suave);font-size:.95rem}
@media (min-width:760px){.quem5{grid-template-columns:240px 1fr;gap:40px;align-items:center}.quem5 p{font-size:1.05rem}}

/* revelação */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.rv.vis{opacity:1;transform:none}
.h5-play{top:60%}
