/* Analise dos primeiros posts de campanha
   Padrao da casa: fundo branco, texto preto, Bricolage Grotesque no titulo,
   acentos nas cores SOLIDAS do Instagram. Zero gradiente, zero emoji. */
:root{
  --bg:#FFFFFF; --texto:#000000; --suave:#737373; --superficie:#FAFAFA; --linha:#DBDBDB;
  --rosa:#E1306C; --roxo:#833AB4; --laranja:#F77737; --amarelo:#FCAF45; --azul:#405DE6;
  --verificado:#0095F6; --positivo:#00A400;
  --leitura:680px; --largura:1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--texto);
  font-family:'Instrument Sans',-apple-system,'Helvetica Neue',sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 24px}
h1,h2,h3,.num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.02}

/* topo */
.hero{padding:112px 0 72px;border-bottom:1px solid var(--linha)}
.olho{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rosa);margin-bottom:22px}
.hero h1{font-size:clamp(42px,7.2vw,86px);max-width:14ch;margin-bottom:26px}
.hero .sub{font-size:clamp(19px,2.2vw,23px);color:var(--suave);max-width:var(--leitura);line-height:1.5}
.faixa{display:flex;flex-wrap:wrap;gap:40px;margin-top:52px;padding-top:34px;border-top:1px solid var(--linha)}
.faixa div{min-width:130px}
.faixa .n{font-family:'Bricolage Grotesque',sans-serif;font-size:38px;font-weight:800;display:block;letter-spacing:-.04em}
.faixa .r{font-size:13px;color:var(--suave);letter-spacing:.03em}

/* metodo */
.metodo{padding:76px 0;border-bottom:1px solid var(--linha)}
.metodo h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:22px}
.metodo p{max-width:var(--leitura);color:#2A2A2A;margin-bottom:16px}
.metodo .passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-top:38px}
.passo{border-top:3px solid var(--texto);padding-top:16px}
.passo b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:15px;margin-bottom:6px}
.passo span{font-size:15px;color:var(--suave)}

/* ranking */
.ranking{padding:76px 0}
.ranking>.wrap>h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:12px}
.ranking .dica{color:var(--suave);margin-bottom:56px;max-width:var(--leitura)}
.caso{display:grid;grid-template-columns:150px 1fr;gap:38px;padding:56px 0;border-top:1px solid var(--linha)}
.caso-num span{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(64px,9vw,124px);font-weight:800;
  letter-spacing:-.06em;line-height:.85;display:block;color:var(--linha)}
.caso.ouro .caso-num span{color:var(--amarelo)}
.caso.alto .caso-num span{color:var(--laranja)}
.caso-corpo{max-width:var(--leitura)}
.caso h3{font-size:clamp(26px,3.4vw,36px);margin-bottom:4px}
.cargo{color:var(--suave);font-size:15px;margin-bottom:26px}
.media{background:var(--superficie);border:1px solid var(--linha);margin-bottom:26px;overflow:hidden}
.media video,.media img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#000}
.media-vazia{display:flex;align-items:center;justify-content:center;height:180px;color:var(--suave);font-size:14px}
.analise{font-size:19px;line-height:1.55;margin-bottom:28px}
.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:20px;
  padding:22px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.met dt{font-size:12px;color:var(--suave);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.met dd{font-family:'Bricolage Grotesque',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.02em}
.cresc{margin-top:18px;font-size:15px;color:var(--positivo)}
.cresc strong{font-weight:700}
.rodape-caso{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}
.nota{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;
  padding:7px 15px;border:2px solid;letter-spacing:-.01em}
.nota i{font-style:normal;font-weight:500;opacity:.65}
.nota-ouro{color:var(--positivo);border-color:var(--positivo)}
.nota-alto{color:var(--laranja);border-color:var(--laranja)}
.nota-medio{color:var(--laranja);border-color:var(--laranja)}
.nota-baixo{color:var(--rosa);border-color:var(--rosa)}
.ver{color:var(--azul);text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid var(--azul)}
.ver:hover{color:var(--roxo);border-color:var(--roxo)}

/* conclusao */
.fecho{padding:84px 0;border-top:1px solid var(--linha);background:var(--superficie)}
.fecho h2{font-size:clamp(28px,4vw,46px);max-width:18ch;margin-bottom:26px}
.fecho p{max-width:var(--leitura);font-size:19px;color:#2A2A2A;margin-bottom:18px}
.destaque{border-left:0;border-top:3px solid var(--rosa);padding-top:20px;margin:36px 0;max-width:var(--leitura)}
.destaque b{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;display:block;margin-bottom:8px}
.rodape{padding:44px 0;border-top:1px solid var(--linha);color:var(--suave);font-size:14px}

/* animacao de entrada */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}
.reveal.on{opacity:1;transform:none}
@media(max-width:760px){
  .caso{grid-template-columns:1fr;gap:14px;padding:44px 0}
  .caso-num span{font-size:56px}
  .hero{padding:76px 0 52px}
}

/* bloco de opiniao do Denderson, abaixo de cada post */
.voz{margin-top:30px;padding:26px 28px;background:var(--superficie);border-top:3px solid var(--roxo)}
.voz-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.voz-marca{width:34px;height:34px;border-radius:50%;background:var(--texto);color:#fff;
  display:flex;align-items:center;justify-content:center;flex:0 0 34px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;letter-spacing:-.02em}
.voz-quem{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;line-height:1.2}
.voz-quem span{display:block;font-family:'Instrument Sans',sans-serif;font-weight:400;
  font-size:12px;color:var(--suave);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}
.voz p{font-size:17px;line-height:1.6;color:#1A1A1A}
@media(max-width:760px){.voz{padding:22px 20px}}

/* rotulo do bloco, sem assinatura */
.voz-titulo{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.02em;text-transform:uppercase;color:var(--roxo);margin-bottom:12px}

/* respiro dentro do bloco de opiniao */
.voz p + p{margin-top:14px}
.voz p:not(.voz-titulo){font-size:17px;line-height:1.62}
.voz p:not(.voz-titulo):first-of-type{font-size:19px;font-weight:500}

/* formato do bloco de analise, definido pelo Chefe */
.voz h4.voz-titulo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;
  letter-spacing:-.01em;color:var(--texto);margin-bottom:16px;text-transform:none}
.voz-destaque{font-weight:700;font-size:18px;margin:16px 0}
.voz-lista{list-style:none;margin:16px 0 20px;padding:0}
.voz-lista li{position:relative;padding-left:26px;margin-bottom:14px;line-height:1.6}
.voz-lista li::before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;
  border:1.5px solid var(--texto);border-radius:50%}
.voz-lista strong{font-weight:700}
.voz-sub{font-weight:700;margin-top:18px;margin-bottom:2px}
.voz-num{margin-top:0}