/* ═══════════════════════════════════════════════════════════
   CAIXA DE FERRAMENTAS DO EMPRESÁRIO · Solute RH
   Paleta oficial: laranja #F08122 · preto #101010
   ═══════════════════════════════════════════════════════════ */

:root{
  --laranja:#F08122;
  --laranja-esc:#D96A0F;
  --laranja-cl:#FFF1E3;
  --preto:#101010;
  --preto-2:#1C1C1C;
  --cinza:#F4F4F5;
  --cinza-2:#E4E4E7;
  --texto:#27272A;
  --texto-2:#52525B;
  --branco:#fff;
  --verde:#12A150;
  --verde-cl:#EAF8F0;
  --vermelho:#DC2626;
  --vermelho-cl:#FEF0F0;
  --sombra:0 4px 20px rgba(16,16,16,.08);
  --sombra-fd:0 14px 40px rgba(16,16,16,.14);
  --raio:14px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--texto);
  background:var(--branco);
  line-height:1.62;
  font-size:17px;
  overflow-x:hidden;
}

img{max-width:100%;display:block;height:auto}
a{color:inherit}
b,strong{font-weight:700}
code{
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  background:var(--laranja-cl);color:var(--laranja-esc);
  padding:1px 6px;border-radius:5px;font-size:.86em;font-weight:600;
  white-space:nowrap;
}

.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:820px}
.center{text-align:center}

/* ───────── TIPOGRAFIA DE SEÇÃO ───────── */
.sec{padding:84px 0}
.sec--gray{background:var(--cinza)}
.sec--dark{background:var(--preto);color:#E6E6E6}
.sec--offer{
  background:
    radial-gradient(900px 420px at 50% 0%,rgba(240,129,34,.20),transparent 70%),
    var(--preto);
  color:#E6E6E6;
  padding:80px 0;
}

.h2{
  font-family:'Archivo',sans-serif;
  font-size:clamp(28px,4.4vw,44px);
  font-weight:800;line-height:1.14;letter-spacing:-.02em;
  color:var(--preto);margin-bottom:16px;
}
.h2--light{color:#fff}
.h2__alt{color:var(--laranja)}

.lead{font-size:clamp(17px,2vw,19px);color:var(--texto-2);max-width:720px;margin-bottom:44px}

/* ───────── BOTÕES ───────── */
.btn{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;text-decoration:none;text-align:center;
  background:linear-gradient(180deg,#F79238 0%,var(--laranja) 55%,var(--laranja-esc) 100%);
  color:#fff;font-family:'Archivo',sans-serif;font-weight:800;
  border-radius:12px;border:0;cursor:pointer;
  box-shadow:0 6px 0 #B85708,0 12px 26px rgba(240,129,34,.35);
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 0 #B85708,0 16px 32px rgba(240,129,34,.42)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #B85708,0 6px 14px rgba(240,129,34,.3)}

.btn--sm{padding:11px 20px;font-size:14px;letter-spacing:.01em;box-shadow:0 4px 0 #B85708}
.btn--xl{padding:20px 34px;max-width:560px}
.btn--full{display:flex;width:100%;max-width:none}
.btn__main{font-size:clamp(16px,2.2vw,20px);letter-spacing:.02em;line-height:1.2}
.btn__sub{font-size:13px;font-weight:600;opacity:.9;letter-spacing:.01em}

@keyframes pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.022)}
}
.btn--pulse{animation:pulse 2.4s ease-in-out infinite}
.btn--pulse:hover{animation:none}
@media (prefers-reduced-motion:reduce){.btn--pulse{animation:none}}

/* ═════════ BLOCO 01 · HERO ═════════ */
.hero{
  background:
    radial-gradient(1000px 500px at 50% -10%,rgba(240,129,34,.22),transparent 65%),
    var(--preto);
  color:#fff;
  padding:76px 0 74px;
  border-bottom:4px solid var(--laranja);
}
.hero__in{
  display:grid;grid-template-columns:1fr 1.15fr;
  gap:40px;align-items:center;
}
.hero__h1{
  font-family:'Archivo',sans-serif;
  font-size:clamp(30px,4.2vw,48px);
  font-weight:900;line-height:1.1;letter-spacing:-.025em;
  margin-top:2px;
}
.hero__h1 mark{background:none;color:var(--laranja)}

.hero__art{
  position:relative;display:flex;justify-content:center;
  margin-right:-60px;   /* sangra pra direita, além da coluna */
  margin-top:-128px;
}
/* .hero__media carrega o scale para que a imagem e o texto sobreposto
   cresçam juntos. container-type faz as unidades cqw seguirem a largura dela. */
.hero__media{
  position:relative;width:100%;max-width:660px;
  transform:scale(1.25);
  container-type:inline-size;
}
.hero__img{
  width:100%;height:auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));
}

/* Perfil do Instagram sobreposto — posição em % acompanha a imagem */
.hero__ig{
  position:absolute;left:49%;top:73.8%;width:49%;
  text-align:left;line-height:1.2;color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.ig__user{
  display:flex;align-items:center;gap:.3em;
  font-size:3.26cqw;font-weight:400;letter-spacing:-.015em;white-space:nowrap;
}
.ig__badge{width:.6em;height:.6em;flex:0 0 auto}
.ig__name{font-size:1.82cqw;margin-top:.7em;color:#E7E7EA}
.ig__stats{font-size:1.75cqw;margin-top:.6em;color:#B8B8BF;white-space:nowrap}
.ig__stats b{font-weight:600;color:#fff}
.ig__bio{
  list-style:none;margin-top:1em;font-size:1.5cqw;
  display:flex;flex-direction:column;gap:.42em;color:#F0F0F2;
}
.ig__bio li{display:flex;align-items:center;gap:.55em;white-space:nowrap}
.ig__bio li::before{
  content:"";width:.42em;height:.42em;border-radius:50%;
  background:#fff;flex:0 0 auto;
}

/* Faixa em marquee */
.strip{
  background:var(--laranja);color:#fff;
  padding:16px 0;overflow:hidden;
}
.strip__track{
  display:flex;width:max-content;
  animation:strip-slide 38s linear infinite;
}
.strip:hover .strip__track{animation-play-state:paused}
.strip__group{display:flex;align-items:center;flex:0 0 auto}
.strip__group span{
  display:inline-flex;align-items:baseline;gap:.36em;
  font-size:clamp(17px,1.9vw,23px);font-weight:600;
  letter-spacing:.01em;white-space:nowrap;
}
.strip__group b{
  font-family:'Archivo',sans-serif;font-weight:900;
  font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;
}
.strip__group span::after{
  content:"•";opacity:.5;font-size:.72em;font-weight:400;
  margin:0 clamp(22px,3.4vw,46px);
}

/* 4 grupos idênticos → deslocar 25% reposiciona no ponto exato de partida */
@keyframes strip-slide{
  from{transform:translateX(0)}
  to{transform:translateX(-25%)}
}
@media (prefers-reduced-motion:reduce){
  .strip__track{animation:none}
}

/* ═════════ BLOCO 02 · PROBLEMA ═════════ */
.flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}
.flow__step{
  position:relative;
  background:#fff;border:1px solid var(--cinza-2);
  border-radius:var(--raio);padding:24px 20px;
  box-shadow:var(--sombra);
}
.flow__step::after{
  content:"";position:absolute;right:-11px;top:50%;transform:translateY(-50%);
  border-style:solid;border-width:8px 0 8px 10px;
  border-color:transparent transparent transparent var(--laranja);
  z-index:2;
}
.flow__step:last-child::after{display:none}
.flow__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:8px;
  background:var(--laranja);color:#fff;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;margin-bottom:12px;
}
.flow__step h3{font-family:'Archivo',sans-serif;font-size:17px;font-weight:800;color:var(--preto);margin-bottom:7px;line-height:1.25}
.flow__step p{font-size:14.5px;color:var(--texto-2);line-height:1.55}
.flow__step--bad{background:var(--vermelho-cl);border-color:#F3CACA}
.flow__step--bad h3{color:#9B1C1C}
.flow__step--bad p{color:#6B3A3A}
.flow__step--bad .flow__n{background:var(--vermelho)}

.alert{
  display:flex;gap:18px;align-items:flex-start;
  background:var(--vermelho-cl);border:1px solid #F3CACA;
  border-left:5px solid var(--vermelho);
  border-radius:var(--raio);padding:24px 26px;
}
.alert__icon{
  flex:0 0 auto;width:38px;height:38px;border-radius:50%;
  background:var(--vermelho);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:22px;
}
.alert__body{font-size:16.5px;color:#4A2626}
.alert__body b{color:var(--preto)}

/* ═════════ BLOCO 03 · PASSOS ═════════ */
.steps{display:flex;flex-direction:column;gap:18px}
.step{
  background:#fff;border:1px solid var(--cinza-2);border-radius:var(--raio);
  box-shadow:var(--sombra);
}
.step__head{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--preto);padding:16px 26px;
  /* arredonda o próprio topo — o .step não recorta mais, para a caixa poder vazar */
  border-radius:calc(var(--raio) - 1px) calc(var(--raio) - 1px) 0 0;
}
.step__n{
  font-family:'Archivo',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  background:var(--laranja);color:#fff;padding:5px 12px;border-radius:100px;
}
.step__head h3{font-family:'Archivo',sans-serif;font-size:22px;font-weight:800;color:#fff}
.step__body{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;
  padding:22px 26px;
}
.step__body>p{font-size:16.5px;color:var(--texto-2)}

.step__art{
  border-radius:10px;padding:22px;min-height:150px;
  display:flex;flex-direction:column;justify-content:center;
}
/* Sem painel de fundo: a caixa aparece solta sobre o card.
   A altura fixa segura o card no tamanho dos outros passos. */
.step__art--box{
  position:relative;background:none;
  height:132px;padding:0;min-height:0;
}
.step__box{
  position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);
  width:auto;height:330px;max-width:none;
}

.step__art--doc{
  position:relative;background:none;
  height:132px;padding:0;min-height:0;
}
.step__doc{
  position:absolute;left:50%;bottom:-90px;transform:translateX(-50%);
  width:auto;height:360px;max-width:none;
  filter:drop-shadow(0 14px 26px rgba(16,16,16,.16));
}

.step__art--sign{background:var(--cinza);border:1px solid var(--cinza-2);gap:4px}
.sign__line{height:2px;background:#B9B9C0;margin:22px 0 6px;border-radius:2px}
.step__art--sign small{font-size:12.5px;color:#8A8A93;letter-spacing:.03em}

/* ═════════ BLOCO 04 · ENTREGÁVEIS ═════════ */
.cat{margin-bottom:34px}
.cat__head{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:18px;
  border-bottom:2px solid var(--cinza-2);
}
.cat__num{
  font-family:'Archivo',sans-serif;font-weight:900;font-size:26px;
  color:var(--laranja);line-height:1;
}
.cat__head h3{
  font-family:'Archivo',sans-serif;font-size:24px;font-weight:800;
  color:var(--preto);letter-spacing:-.01em;flex:1 1 auto;
}
.cat__count{
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--texto-2);background:#fff;border:1px solid var(--cinza-2);
  padding:5px 12px;border-radius:100px;
}

.items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.item{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:15px;background:#fff;
  border:1px solid var(--cinza-2);border-radius:var(--raio);
  padding:26px 18px 22px;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.3,1),
             border-color .18s ease,box-shadow .18s ease;
}
.item.is-in:hover{border-color:var(--laranja);transform:translateY(-3px);box-shadow:var(--sombra-fd)}
/* ── Mockup de documento, 100% CSS ──────────────────────────
   .doc  = a folha  ·  .doc__in = a área de conteúdo (a arte de
   cada variante é desenhada com camadas de background)
   .doc__tag = o selo do formato, colado no canto de fora     */
.item__art{
  position:relative;flex:0 0 auto;
  filter:drop-shadow(0 6px 14px rgba(16,16,16,.13));
}
.doc{
  position:relative;width:78px;height:98px;
  background:#fff;border:1px solid #E4E4E7;border-radius:8px;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
/* orelha dobrada no canto */
.doc::after{
  content:"";position:absolute;top:-1px;right:-1px;
  width:17px;height:17px;border-top-right-radius:8px;
  background:linear-gradient(225deg,#EAEAEE 52%,transparent 52%);
  border-left:1px solid #E1E1E5;border-bottom:1px solid #E1E1E5;
}
/* barra do título */
.doc::before{
  content:"";position:absolute;left:11px;top:12px;
  width:40px;height:6px;border-radius:3px;background:#C4C4CB;
}
.doc__in{
  position:absolute;left:11px;right:11px;top:28px;bottom:12px;
  border-radius:2px;
}

/* variantes de conteúdo */
.doc--texto .doc__in{
  background:repeating-linear-gradient(to bottom,#DCDCE1 0 4px,transparent 4px 12px);
}
.doc--check .doc__in{
  background:
    repeating-linear-gradient(to bottom,var(--laranja) 0 7px,transparent 7px 17px) left/7px 100% no-repeat,
    repeating-linear-gradient(to bottom,#DCDCE1 0 4px,transparent 4px 17px) right/50px 100% no-repeat;
}
.doc--tabela .doc__in{
  background:
    linear-gradient(var(--laranja),var(--laranja)) 0 0/100% 9px no-repeat,
    repeating-linear-gradient(to bottom,transparent 0 10px,#E4E4E7 10px 11px),
    repeating-linear-gradient(to right,transparent 0 20px,#E4E4E7 20px 21px);
}
.doc--cal .doc__in{
  background:
    linear-gradient(var(--laranja),var(--laranja)) 0 0/100% 8px no-repeat,
    linear-gradient(#FFE0C2,#FFE0C2) 22px 22px/12px 10px no-repeat,
    repeating-linear-gradient(to bottom,transparent 0 11px,#E9E9ED 11px 12px) 0 10px/100% 100% no-repeat,
    repeating-linear-gradient(to right,transparent 0 15px,#E9E9ED 15px 16px) 0 10px/100% 100% no-repeat;
}
.doc--bars .doc__in{
  background:
    linear-gradient(#D2D2D8,#D2D2D8) 0 100%/11px 42% no-repeat,
    linear-gradient(var(--laranja),var(--laranja)) 16px 100%/11px 68% no-repeat,
    linear-gradient(#D2D2D8,#D2D2D8) 32px 100%/11px 54% no-repeat,
    linear-gradient(var(--laranja),var(--laranja)) 48px 100%/11px 92% no-repeat,
    linear-gradient(#E4E4E7,#E4E4E7) 0 100%/100% 1px no-repeat;
}
.doc--org .doc__in{
  background:
    linear-gradient(var(--laranja),var(--laranja)) 50% 0/28px 13px no-repeat,
    linear-gradient(#DCDCE1,#DCDCE1) 50% 13px/1px 9px no-repeat,
    linear-gradient(#DCDCE1,#DCDCE1) 50% 22px/44px 1px no-repeat,
    linear-gradient(#DCDCE1,#DCDCE1) 10px 22px/1px 9px no-repeat,
    linear-gradient(#DCDCE1,#DCDCE1) 54px 22px/1px 9px no-repeat,
    linear-gradient(#D2D2D8,#D2D2D8) 0 31px/26px 13px no-repeat,
    linear-gradient(#D2D2D8,#D2D2D8) 100% 31px/26px 13px no-repeat;
}
.doc--form .doc__in{
  background:
    repeating-linear-gradient(to bottom,#DCDCE1 0 4px,transparent 4px 11px) 0 0/100% 26px no-repeat,
    linear-gradient(#FFE9A8,#FFE9A8) 0 32px/38px 9px no-repeat,
    repeating-linear-gradient(to bottom,#DCDCE1 0 4px,transparent 4px 11px) 0 48px/100% 18px no-repeat,
    linear-gradient(#C4C4CB,#C4C4CB) 0 100%/42px 2px no-repeat;
}

/* selo do formato */
.doc__tag{
  position:absolute;right:-8px;bottom:-8px;
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;
  color:#fff;border:2px solid #fff;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.doc__tag--word{background:#2B579A}
.doc__tag--excel{background:#1D6F42}

/* animação de entrada, escalonada por posição */
.item{opacity:0;transform:translateY(16px)}
.item.is-in{opacity:1;transform:none}
.items .item:nth-child(2){transition-delay:.08s}
.items .item:nth-child(3){transition-delay:.16s}
.items .item:nth-child(4){transition-delay:.24s}
.items .item:nth-child(5){transition-delay:.32s}
.items .item:nth-child(6){transition-delay:.40s}

/* animação no hover */
.item:hover .doc{transform:rotate(-5deg) translateY(-5px) scale(1.05)}
.item:hover .doc__tag{transform:scale(1.14) rotate(8deg)}

@media (prefers-reduced-motion:reduce){
  .item{opacity:1;transform:none}
  .item:hover .doc,.item:hover .doc__tag{transform:none}
}
.item__txt h4{font-family:'Archivo',sans-serif;font-size:16px;font-weight:800;color:var(--preto);margin-bottom:7px;line-height:1.25}
.item__txt p{font-size:14px;color:var(--texto-2);line-height:1.5;margin-bottom:10px}
.item__fmt{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--laranja-esc);
}

.guia{
  display:flex;gap:18px;align-items:center;
  background:var(--preto);color:#fff;border-radius:var(--raio);
  padding:24px 26px;border-left:5px solid var(--laranja);
}
.guia__ico{
  flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  background:var(--laranja);color:#fff;font-size:22px;
  display:flex;align-items:center;justify-content:center;
}
.guia h4{font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;margin-bottom:4px}
.guia p{font-size:15.5px;color:#A1A1AA}

/* ═════════ BLOCO 05 · BÔNUS ═════════ */
.bonus{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:10px}
.bcard{
  background:var(--preto-2);border:1px solid rgba(240,129,34,.35);
  border-radius:var(--raio);padding:28px;position:relative;overflow:hidden;
}
.bcard::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--laranja);
}
.bcard__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.bcard__tag{
  font-family:'Archivo',sans-serif;font-size:11.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  background:var(--laranja);color:#fff;padding:5px 12px;border-radius:100px;
}
.bcard__val{display:flex;align-items:center;gap:9px}
.bcard__val s{color:#7A7A83;font-size:15px}
.bcard__val b{
  font-family:'Archivo',sans-serif;font-size:13px;font-weight:900;
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--verde);background:rgba(18,161,80,.14);
  padding:5px 12px;border-radius:100px;
}
.bcard h3{font-family:'Archivo',sans-serif;font-size:27px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.01em}
.bcard__desc{font-size:15.5px;color:#A1A1AA;margin-bottom:20px}
.blist{list-style:none;display:flex;flex-direction:column;gap:11px}
.blist li{
  display:flex;gap:11px;align-items:flex-start;
  font-size:15.5px;color:#DEDEE2;
  padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07);
}
.blist li:last-child{border-bottom:0;padding-bottom:0}
.blist li::before{content:"✓";color:var(--laranja);font-weight:900;flex:0 0 auto}
.blist em{color:#7A7A83;font-style:normal;font-size:13.5px}

/* ═════════ BLOCO 06 · PARA QUEM SERVE ═════════ */
.fit{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.fit__col{border-radius:var(--raio);padding:28px;border:1px solid}
.fit__col h3{
  display:flex;align-items:center;gap:12px;
  font-family:'Archivo',sans-serif;font-size:21px;font-weight:800;margin-bottom:18px;
}
.fit__mark{
  width:32px;height:32px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;font-weight:900;
}
.fit__col ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.fit__col li{
  display:flex;gap:11px;align-items:flex-start;font-size:16px;
  padding-bottom:13px;border-bottom:1px dashed;
}
.fit__col li:last-child{border-bottom:0;padding-bottom:0}

.fit__col--yes{background:var(--verde-cl);border-color:#BFE6CE}
.fit__col--yes h3{color:#0B6B35}
.fit__col--yes .fit__mark{background:var(--verde)}
.fit__col--yes li{border-color:#C9E7D6;color:#1F3D2B}
.fit__col--yes li::before{content:"✓";color:var(--verde);font-weight:900;flex:0 0 auto}

.fit__col--no{background:var(--vermelho-cl);border-color:#F3CACA}
.fit__col--no h3{color:#9B1C1C}
.fit__col--no .fit__mark{background:var(--vermelho)}
.fit__col--no li{border-color:#F0D0D0;color:#4A2626}
.fit__col--no li::before{content:"✕";color:var(--vermelho);font-weight:900;flex:0 0 auto}

.fit__close{
  margin-top:30px;text-align:center;font-size:19px;
  max-width:760px;margin-left:auto;margin-right:auto;
}
.fit__close b{color:var(--laranja-esc)}

/* ═════════ BLOCO 07 · RECAPITULANDO ═════════ */
.recap{list-style:none;background:#fff;border:1px solid var(--cinza-2);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.recap li{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 24px;border-bottom:1px solid var(--cinza-2);
}
.recap li:last-child{border-bottom:0}
.recap li>span{font-size:16.5px;font-weight:600}
.recap li small{display:block;font-size:13.5px;font-weight:400;color:var(--texto-2)}
.recap li>b{
  font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;
  color:#9A9AA2;text-decoration:line-through;white-space:nowrap;
}
.recap__free{background:var(--verde-cl)}
.recap__free>b{color:var(--verde)!important;text-decoration:none!important;font-size:15px!important;letter-spacing:.05em;text-transform:uppercase}

.recap__total{text-align:center;margin-top:30px}
.recap__total>p{font-size:17px;color:var(--texto-2)}
.recap__old{
  font-family:'Archivo',sans-serif;font-size:clamp(44px,8vw,72px);font-weight:900;
  color:var(--vermelho);text-decoration:line-through;line-height:1.1;margin:4px 0 8px;
}
.recap__note{font-size:19px;font-weight:700;color:var(--preto)}

/* ═════════ BLOCOS 08 e 12 · OFERTA ═════════ */
.offer{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;margin-top:38px}
.offer--rev{margin-top:0;grid-template-columns:1.05fr .95fr}

.mock{position:relative;height:330px;display:flex;align-items:center;justify-content:center}
.mock__card{
  position:absolute;width:230px;height:290px;border-radius:14px;
  background:linear-gradient(160deg,#2A2A2A,#1A1A1A);
  border:1px solid rgba(255,255,255,.12);
}
.mock__card--3{transform:rotate(-13deg) translate(-46px,10px)}
.mock__card--2{transform:rotate(-6deg) translate(-22px,4px)}
.mock__card--1{
  position:relative;
  background:linear-gradient(160deg,#F79238,var(--laranja-esc));
  border:0;box-shadow:0 20px 44px rgba(0,0,0,.5);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:24px;text-align:center;color:#fff;
}
.mock__logo{width:44px;height:44px;object-fit:contain;filter:brightness(0) invert(1)}
.mock__card--1 b{font-family:'Archivo',sans-serif;font-size:16px;font-weight:900;letter-spacing:.05em;line-height:1.35}
.mock__card--1 span{font-size:13px;opacity:.9}
.mock__tags{display:flex;gap:8px;margin-top:4px}
.mock__tags i{
  font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.05em;
  background:rgba(0,0,0,.28);padding:4px 10px;border-radius:100px;
}

.offer__box{
  background:#fff;color:var(--texto);
  border-radius:18px;padding:32px;border:3px solid var(--laranja);
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.offer__from{font-size:16px;color:var(--texto-2);text-align:center}
.offer__from s{color:var(--vermelho);font-weight:600}
.offer__price{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin:2px 0}
.offer__x{font-family:'Archivo',sans-serif;font-size:22px;font-weight:700;color:var(--texto-2)}
.offer__big{
  font-family:'Archivo',sans-serif;font-size:clamp(52px,9vw,78px);font-weight:900;
  color:var(--preto);line-height:1;letter-spacing:-.03em;
}
.offer__big sup{font-size:.44em;top:-.5em;font-weight:800}
.offer__cash{text-align:center;font-size:17px;color:var(--texto-2);margin-bottom:22px}
.offer__cash b{color:var(--preto);font-size:19px}

.offer__list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:22px 0}
.offer__list li{
  display:flex;gap:10px;align-items:flex-start;font-size:15.5px;
  padding-bottom:10px;border-bottom:1px solid var(--cinza-2);
}
.offer__list li:last-child{border-bottom:0;padding-bottom:0}
.offer__list li::before{content:"✓";color:var(--verde);font-weight:900;flex:0 0 auto}

.offer__pay{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px}
.offer__pay img{height:30px;width:auto;object-fit:contain}
.offer__seals{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:14px;padding-top:16px;border-top:1px solid var(--cinza-2)}
.offer__seals img{height:34px;width:auto;object-fit:contain}

/* Garantia */
.guarantee{
  background:var(--preto-2);border:1px solid rgba(255,255,255,.1);
  border-radius:18px;padding:32px;text-align:center;
}
.guarantee__ico{width:96px;margin:0 auto 12px}
.guarantee__tag{
  display:inline-block;font-family:'Archivo',sans-serif;font-size:11.5px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--verde);background:rgba(18,161,80,.15);padding:5px 13px;border-radius:100px;margin-bottom:12px;
}
.guarantee h3{font-family:'Archivo',sans-serif;font-size:27px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px}
.guarantee p{font-size:16px;color:#A1A1AA}
.guarantee p b{color:#fff}
.guarantee__sign{
  margin-top:16px;font-size:14px!important;color:var(--laranja)!important;
  font-weight:700;letter-spacing:.03em;
}

/* ═════════ BLOCO 09 · COMO ACESSAR ═════════ */
.access{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.acc{
  background:var(--cinza);border:1px solid var(--cinza-2);
  border-radius:var(--raio);padding:26px;text-align:center;
}
.acc__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  background:var(--laranja);color:#fff;
  font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;margin-bottom:14px;
}
.acc h3{font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;margin-bottom:7px}
.acc p{font-size:15.5px;color:var(--texto-2)}

/* ═════════ BLOCO 10 · AUTORIDADE ═════════ */
.auth{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:start;background:#fff;border:1px solid var(--cinza-2);border-radius:var(--raio);padding:32px;box-shadow:var(--sombra)}
.auth__foto{
  width:100%;height:auto;border-radius:12px;
  aspect-ratio:3/4;object-fit:cover;
  box-shadow:var(--sombra);
}
.auth__txt h3{font-family:'Archivo',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.015em}
.auth__role{color:var(--laranja-esc);font-weight:700;font-size:15px;margin-bottom:18px}
.auth__txt p{font-size:16.5px;color:var(--texto-2);margin-bottom:14px}
.auth__nums{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.auth__nums li{
  flex:1 1 150px;background:var(--cinza);border-radius:10px;padding:16px;text-align:center;
}
.auth__nums b{display:block;font-family:'Archivo',sans-serif;font-size:26px;font-weight:900;color:var(--laranja)}
.auth__nums span{font-size:13.5px;color:var(--texto-2);line-height:1.35;display:block}
.auth__logo{height:38px;width:auto;margin-top:6px}

/* ═════════ BLOCO 11 · CONVERSA SÉRIA ═════════ */
.choice{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.ch{
  border-radius:var(--raio);padding:28px;text-align:center;
  border:1px solid;position:relative;
}
.ch__mark{
  width:52px;height:52px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:900;color:#fff;
}
.ch h3{font-family:'Archivo',sans-serif;font-size:24px;font-weight:800;margin-bottom:12px}
.ch p{font-size:16px;margin-bottom:18px}
.ch__price{
  display:inline-block;font-family:'Archivo',sans-serif;font-size:14px;font-weight:800;
  letter-spacing:.04em;padding:8px 16px;border-radius:100px;
}
.ch--bad{background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.35)}
.ch--bad .ch__mark{background:var(--vermelho)}
.ch--bad h3{color:#FF8080}
.ch--bad p{color:#B9B9C0}
.ch--bad .ch__price{background:rgba(220,38,38,.18);color:#FF9E9E}

.ch--good{background:rgba(18,161,80,.10);border-color:rgba(18,161,80,.4)}
.ch--good .ch__mark{background:var(--verde)}
.ch--good h3{color:#4ADE80}
.ch--good p{color:#DEDEE2}
.ch--good .ch__price{background:rgba(18,161,80,.2);color:#7CE9A6}

.choice__close{
  margin-top:28px;text-align:center;font-size:19px;color:#fff;font-weight:600;line-height:1.65;
}

/* ═════════ BLOCO 13 · FAQ ═════════ */
.faq{display:flex;flex-direction:column;gap:10px}
.q{
  background:#fff;border:1px solid var(--cinza-2);border-radius:12px;
  overflow:hidden;transition:border-color .15s ease;
}
.q[open]{border-color:var(--laranja)}
.q summary{
  cursor:pointer;list-style:none;
  padding:18px 52px 18px 22px;position:relative;
  font-family:'Archivo',sans-serif;font-size:17px;font-weight:700;color:var(--preto);
}
.q summary::-webkit-details-marker{display:none}
.q summary::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:26px;font-weight:400;line-height:1;color:var(--laranja);transition:transform .2s ease;
}
.q[open] summary::after{content:"−"}
.q summary:hover{color:var(--laranja-esc)}
.q__a{padding:0 22px 20px;border-top:1px solid var(--cinza-2);margin-top:-1px;padding-top:16px}
.q__a p{font-size:16px;color:var(--texto-2)}

.faq__cta{text-align:center;margin-top:36px}
.faq__cta>p{font-size:16px;color:var(--texto-2);margin-bottom:20px}
.faq__cta a[href^="mailto"]{color:var(--laranja-esc);font-weight:700}

/* ═════════ BLOCO 14 · RODAPÉ ═════════ */
.foot{background:var(--preto);color:#8A8A93;padding:52px 0 90px;border-top:4px solid var(--laranja)}
.foot__in{text-align:center;max-width:820px}
.foot__logo{height:36px;width:auto;margin:0 auto 12px}
.foot__claim{color:var(--laranja);font-weight:700;font-size:15px;margin-bottom:24px}
.foot__disc{font-size:13.5px;line-height:1.75;margin-bottom:20px}
.foot__disc b{color:#C9C9CE}
.foot__legal{font-size:13.5px;line-height:1.8;margin-bottom:16px}
.foot__legal a{color:var(--laranja);text-decoration:none}
.foot__legal a:hover{text-decoration:underline}
.foot__copy{font-size:12.5px;color:#5A5A63}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVO
   ═══════════════════════════════════════════════════════════ */
@media (max-width:980px){
  /* Empilhado: h1 em cima, imagem embaixo, os dois centralizados.
     Nada de justify-items:center aqui — encolheria .hero__art e o
     width:100% do .hero__media colapsaria para zero. */
  .hero{padding-bottom:30px}
  .hero__in{grid-template-columns:1fr;gap:0;text-align:center}
  .hero__h1{max-width:740px;margin:0 auto}
  .hero__art{width:100%;margin:-34px 0 0;justify-content:center}
  .hero__media{max-width:720px;transform:none}
  /* colunas do passo a passo encolhem: reduz os mockups junto,
     senão eles transbordam por cima do texto ao lado */
  .step__box{height:250px}
  .step__doc{height:270px;bottom:-60px}
  .items{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:repeat(2,1fr)}
  .flow__step:nth-child(2)::after{display:none}
  .offer,.offer--rev{grid-template-columns:1fr;gap:26px}
  .offer__mock{order:-1}
  .auth{grid-template-columns:1fr;gap:24px}
  .auth__foto{max-width:300px;margin:0 auto}
  .fit{grid-template-columns:1fr}
}

@media (max-width:820px){
  .bonus{grid-template-columns:1fr}
  .access{grid-template-columns:1fr}
  .choice{grid-template-columns:1fr}
  .step__body{grid-template-columns:1fr;gap:20px}

  /* Empilhado: os mockups voltam para o fluxo normal, sem vazar.
     Com o texto acima deles, o sangramento cobriria o parágrafo. */
  .step__art--box,.step__art--doc{
    height:auto;min-height:0;padding:0;
    display:flex;flex-direction:row;
    justify-content:center;align-items:center;
  }
  .step__box,.step__doc{
    position:static;transform:none;left:auto;bottom:auto;
    height:auto;max-width:none;
  }
  .step__box{width:min(240px,68%)}
  .step__doc{width:min(320px,92%)}
  .step__art--sign{min-height:0;padding:20px 22px}
}

@media (max-width:620px){
  body{font-size:16px}
  .sec{padding:56px 0}
  .hero{padding:44px 0 18px}
  .hero__media{max-width:520px}
  .items{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .flow__step::after{
    right:auto;left:50%;top:auto;bottom:-11px;transform:translateX(-50%);
    border-width:10px 8px 0 8px;
    border-color:var(--laranja) transparent transparent transparent;
  }
  .flow__step:nth-child(2)::after{display:block}
  .flow__step:last-child::after{display:none}
  .offer__box,.guarantee,.bcard,.fit__col,.auth{padding:22px}
  .recap li{flex-direction:column;align-items:flex-start;gap:4px}
  .btn--xl{padding:17px 22px;width:100%}
  .mock{height:270px}
  .mock__card{width:190px;height:240px}
  .cat__head h3{font-size:20px}
  .q summary{font-size:16px;padding:16px 46px 16px 18px}
}