/* Ajustes da marca do Fábio Bindá sobre o kit (só var(--...)). League Gothic tem um peso só: nada de negrito falso. */
:root{--grad-acao:linear-gradient(100deg,#EA6113,var(--acao) 45%,var(--acao2));--creme:#FFE3B3}
h1,h2,h3,.disp,.virada,.faixa-cta p{font-weight:400;letter-spacing:.005em;line-height:1}
h1{font-size:clamp(46px,7.4vw,88px)}
h2{font-size:clamp(38px,5.6vw,64px)}
h3{font-size:clamp(26px,2.8vw,32px);line-height:1.05}
.dest{background:var(--grad-acao);-webkit-background-clip:text;background-clip:text;color:transparent}
.rotulo{font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--acao2)}

/* hero: texto + foto real */
.b-hero{text-align:left;padding-top:22px;background:
  radial-gradient(ellipse 60% 55% at 85% 20%,color-mix(in srgb,var(--acao) 28%,transparent),transparent 70%),
  radial-gradient(ellipse 50% 40% at 0% 100%,color-mix(in srgb,#EA6113 16%,transparent),transparent 70%),var(--fundo)}
.b-hero-grade{display:grid;gap:28px;align-items:center}
.b-marca{font-family:var(--f-titulo);font-size:26px;letter-spacing:.12em;color:var(--texto);margin-bottom:clamp(24px,5vw,48px)}
.b-hero h1 span{display:block}
.b-hero .sub{margin-left:0}
.b-hero-foto{position:relative;max-width:420px;width:100%;margin:0 auto;border-radius:var(--raio-g);overflow:hidden;border:1px solid var(--borda2);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.b-hero-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(transparent,rgba(10,9,8,.55))}
.b-hero-foto img{width:100%;height:auto}
.b-marcas{margin-top:40px}
.b-marcas .logo-ph{font-size:22px;letter-spacing:.06em;color:var(--texto2)}
@media (max-width:859px){
  .b-hero{text-align:center}
  .b-hero .sub{margin-left:auto}
  .b-hero-foto{max-width:150px;order:-1;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--acao) 22%,transparent),0 20px 50px rgba(0,0,0,.5)}
  .b-hero-foto::after{display:none}
  .b-hero-foto img{height:100%;object-fit:cover;object-position:50% 18%}
  .b-hero-grade{gap:18px}
  .b-hero h1{font-size:clamp(44px,12.5vw,60px)}
  .b-hero .sub{margin-top:16px;font-size:17px}
  .b-hero .acao{margin-top:22px}
  .b-hero-texto .b-marca{position:absolute;top:22px;left:0;right:0}
  .b-hero-grade{padding-top:52px}
}
@media (min-width:860px){.b-hero-grade{grid-template-columns:7fr 5fr;gap:56px}}

/* grades */
.b-g2{display:grid;gap:18px}
.b-g3,.b-g4{display:grid;gap:18px}
@media (min-width:760px){.b-g2{grid-template-columns:1fr 1fr}.b-g3{grid-template-columns:repeat(3,1fr)}.b-g4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.b-g4{grid-template-columns:repeat(4,1fr)}}
.passo::before{font-family:var(--f-mono);color:var(--acao2)}
.passos+.lead{margin-top:36px}
.b-cta-meio{margin-top:40px}

/* depoimentos em texto */
.b-depo{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:22px;border-color:var(--borda2)}
.b-depo p{font-family:var(--f-titulo);font-size:clamp(28px,3vw,36px);line-height:1.08;color:var(--texto)}
.b-depo footer{font-size:15px}
.b-depo footer b{display:block;color:var(--acao2)}
.b-depo footer span{color:var(--texto2)}

.b-frase{margin-top:26px;font-family:var(--f-titulo);font-size:clamp(26px,2.6vw,32px);line-height:1.1;color:var(--creme)}
.especialista .numeros b{font-weight:400;font-size:32px}
.b-marca-rod{margin:0 0 14px;font-size:22px}
.virada{font-size:clamp(30px,4vw,46px)}

/* rodada 2: botão legível, menos vazio antes do "para quem é" */
.btn{font-family:var(--f-titulo);font-weight:400;font-size:22px;letter-spacing:.06em;text-transform:uppercase}
.btn.grande{font-size:26px;padding:18px 34px}
@media (max-width:520px){.btn{font-size:22px}.btn.grande{font-size:24px;padding:17px 22px}}
.quem{margin-top:0}
