/* Blog Print Livros – layout aprovado (opção 2) */
:root{
  --cor:#d62828;
  --escuro:#16181d;
  --escuro-2:#23262e;
  --tinta:#16181d;
  --texto:#2b2f36;
  --suave:#5d6470;
  --suave-escuro:#b9bdc6;
  --linha:#e9ebef;
  --fundo:#f6f7f9;
  --raio:16px;
  --larg:1200px;
  --larg-texto:740px;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:Lora,Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--texto);background:var(--fundo);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--cor)}
h1,h2,h3{color:var(--tinta);line-height:1.2}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 32px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cor);color:#fff;text-decoration:none;font-weight:600;
  font-size:15px;line-height:1;padding:15px 24px;border-radius:999px;white-space:nowrap;border:0;transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(.93);transform:translateY(-1px)}
.btn--sm{padding:11px 18px;font-size:14px}
.btn--branco{background:#fff;color:var(--cor)}

/* Topo */
.topo{background:var(--escuro);position:sticky;top:0;z-index:30}
.topo__in{display:flex;align-items:center;gap:32px;height:76px}
.logo{display:flex;align-items:center;text-decoration:none;color:#fff;flex:none}
.logo__img{height:38px;width:auto}
.logo__txt{font-size:22px;font-weight:500;letter-spacing:-.01em;color:#fff}.logo__txt b{font-weight:800}
.topo__nav{display:flex;gap:28px;margin-left:auto}
.topo__nav a{color:#c9ccd3;text-decoration:none;font-weight:500;font-size:15px}
.topo__nav a:hover,.topo__nav a.ativo{color:#fff}
.topo__acoes{display:flex;align-items:center;gap:12px}
.btn--topo{padding:13px 22px}
.menu-btn{display:none;width:42px;height:42px;border-radius:10px;border:1px solid #33363d;background:transparent;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.menu-btn i{display:block;width:17px;height:2px;background:#fff;border-radius:2px}

/* Destaque (hero) */
.hero{background:var(--escuro);color:#fff;padding:32px 0 88px}
.hero__in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pilula{display:inline-block;margin:0 0 20px;font-size:13px;font-weight:600;color:#fff;background:var(--cor);padding:6px 13px;border-radius:999px;line-height:1.3}
.hero__tit{font-size:48px;line-height:1.12;margin:0 0 18px;color:#fff;font-weight:700;letter-spacing:-.015em}
.hero__tit a{color:#fff;text-decoration:none}
.hero__res{font-size:18px;line-height:1.6;color:var(--suave-escuro);margin:0 0 28px;max-width:640px}
.hero__acoes{display:flex;align-items:center;gap:18px}
.hero .meta{color:#9aa0a8}
.hero__img{display:block;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);aspect-ratio:4/3;background:var(--escuro-2)}
.hero__pic,.hero__pic img{display:block;width:100%;height:100%;object-fit:cover}
.hero--curto{padding:40px 0 84px}
.hero--curto .hero__tit{font-size:42px;max-width:860px}
.hero--curto .hero__res{margin:0}

/* Busca + categorias */
.busca{margin-top:-34px;position:relative;z-index:2}
.busca__box{background:#fff;border-radius:var(--raio);box-shadow:0 12px 40px rgba(16,24,40,.08);padding:14px;display:flex;gap:12px;align-items:center}
.busca__box input{flex:1 1 300px;min-width:0;border:0;font:500 16px var(--sans);padding:14px 16px;background:var(--fundo);border-radius:10px;color:var(--tinta);outline:none}
.busca__box input:focus{box-shadow:0 0 0 2px var(--cor) inset}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;min-width:0}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--tinta);background:var(--fundo);text-decoration:none;white-space:nowrap;line-height:1.2}
.chips a.ativo,.chips a:hover{background:var(--escuro);color:#fff}

/* Títulos de seção */
.sec{margin:56px 0 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.sec h2{font-size:30px;margin:0;letter-spacing:-.01em}
.sec span{color:var(--suave);font-size:15px}

/* Cards */
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:var(--raio);overflow:hidden;border:1px solid var(--linha);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 14px 34px rgba(16,24,40,.08);transform:translateY(-2px)}
.card__img{display:block;aspect-ratio:16/10;background:var(--fundo);overflow:hidden}
.card__pic,.card__pic img{display:block;width:100%;height:100%;object-fit:cover}
.img--vazia{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eef0f3,#e3e6ea)}
.card__txt{padding:22px 24px 22px;display:flex;flex-direction:column;flex:1}
.tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cor);text-decoration:none}
.card__tit{font-size:21px;line-height:1.32;margin:10px 0 10px;font-weight:700}
.card__tit a{color:var(--tinta);text-decoration:none}
.card__tit a:hover{color:var(--cor)}
.card__res{font-size:15px;line-height:1.6;color:var(--suave);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__rod{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #eef0f3}
.card__ler{color:var(--cor);font-weight:600;font-size:14px;text-decoration:none}
.meta{font-size:14px;color:#6b7280;line-height:1.5}
.vazio{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:40px;text-align:center;color:var(--suave);margin:0}

/* Paginação */
.paginacao{display:flex;justify-content:center;gap:8px;margin:36px 0 0;flex-wrap:wrap}
.paginacao a,.paginacao span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;
  border:1px solid var(--linha);background:#fff;text-decoration:none;color:var(--tinta);font-weight:600}
.paginacao span{background:var(--escuro);border-color:var(--escuro);color:#fff}

/* Mais lidos + CTA */
.duo{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}
.duo--so-cta{grid-template-columns:1fr}
.lista{background:#fff;border-radius:var(--raio);border:1px solid var(--linha);padding:24px 28px 12px}
.lista h2{font-size:22px;margin:0 0 4px}
.lista a{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #eef0f3;align-items:center;text-decoration:none}
.lista a:last-child{border:0}
.lista b{font-family:var(--serif);font-size:28px;color:var(--cor);font-weight:700}
.lista strong{display:block;color:var(--tinta);font-size:17px;line-height:1.35;font-weight:600}
.lista small{display:block;color:#6b7280;font-size:14px;margin-top:4px}
.lista a:hover strong{color:var(--cor)}
.cta{border-radius:var(--raio);padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.cta h2{font-size:28px;line-height:1.2;margin:0 0 10px;color:#fff}
.cta p{margin:0;font-size:16px;line-height:1.6}
.cta .btn{align-self:flex-start}
.cta--vermelho{background:var(--cor);color:#ffe3e3}
.duo--so-cta .cta{flex-direction:row;align-items:center}

/* Página do artigo */
.pg-artigo .artigo__topo{background:var(--escuro);box-shadow:0 0 0 100vmax var(--escuro);clip-path:inset(0 -100vmax);padding:36px 0 120px}
.artigo__topo>*{max-width:var(--larg-texto);margin-left:auto;margin-right:auto}
.migalhas{font-size:14px;color:#9aa0a8;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.migalhas a{color:#c9ccd3;text-decoration:none}
.migalhas a:hover{color:#fff}
.artigo h1{font-size:44px;line-height:1.14;margin:16px auto 16px;color:#fff;letter-spacing:-.015em}
.artigo__linha-fina{font-size:19px;color:var(--suave-escuro);margin-top:0;margin-bottom:18px;line-height:1.55}
.artigo__topo .meta{color:#9aa0a8}
.artigo__topo .meta strong{color:#fff;font-weight:600}
.artigo__capa{max-width:980px;margin:-92px auto 0;padding:0 32px;position:relative}
.artigo__pic,.artigo__pic img{display:block;width:100%;border-radius:20px;aspect-ratio:3/2;object-fit:cover;box-shadow:0 24px 50px rgba(16,24,40,.18)}
.artigo__corpo{max-width:calc(var(--larg-texto) + 64px);margin:0 auto;padding:8px 32px 0}
.aviso-previa{background:#fff4d6;color:#6b4e00;text-align:center;padding:10px 16px;font-size:14px}

.resposta-rapida{margin:32px 0 0;padding:22px 24px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha);border-left:5px solid var(--cor)}
.resposta-rapida__tit{margin:0 0 6px;font-weight:700;color:var(--cor);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.resposta-rapida p:last-child{margin:0;color:var(--tinta);font-size:17px}
.indice{margin:20px 0 32px;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 22px;background:#fff}
.indice summary{cursor:pointer;font-weight:700;color:var(--tinta)}
.indice ol{margin:10px 0 0;padding-left:20px}
.indice li{margin:5px 0;font-size:15px;line-height:1.5}
.indice a{color:var(--texto);text-decoration:none}
.indice a:hover{color:var(--cor);text-decoration:underline}

.texto h2{font-size:30px;margin:48px 0 14px;scroll-margin-top:96px;letter-spacing:-.01em}
.texto h3{font-size:21px;margin:32px 0 10px}
.texto p{margin:0 0 18px}
.texto ul,.texto ol{margin:0 0 20px;padding-left:24px}
.texto li{margin:6px 0}
.texto strong{color:var(--tinta)}
.texto blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:4px solid var(--cor);color:var(--tinta);font-style:italic}
.texto table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;line-height:1.5;display:block;overflow-x:auto;background:#fff;border-radius:12px}
.texto th,.texto td{border:1px solid var(--linha);padding:11px 13px;text-align:left;vertical-align:top}
.texto th{background:var(--escuro);color:#fff;font-weight:600;border-color:var(--escuro)}
.texto .dica,.texto .atencao{padding:16px 18px;border-radius:12px;margin:24px 0}
.texto .dica{background:#eef7f1;border:1px solid #cfe8d8}
.texto .atencao{background:#fff8e6;border:1px solid #f3e1a8}

.cta-meio{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0;padding:22px 24px;background:var(--escuro);border-radius:var(--raio);color:var(--suave-escuro)}
.cta-meio strong{display:block;color:#fff;font-size:17px;line-height:1.35}
.cta-meio span{display:block;font-size:15px;line-height:1.5;margin-top:4px}

.faq{margin-top:48px}
.faq h2{font-size:30px;margin:0 0 12px}
.faq__item{background:#fff;border:1px solid var(--linha);border-radius:12px;margin-bottom:10px;padding:0 20px}
.faq__item summary{cursor:pointer;list-style:none;padding:17px 32px 17px 0;font-weight:600;color:var(--tinta);position:relative;line-height:1.45}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:0;top:12px;font-size:24px;font-weight:400;color:var(--cor)}
.faq__item[open] summary::after{content:"–"}
.faq__item p{margin:0 0 18px}

.cta--fim{margin-top:48px;flex-direction:row;align-items:center}
.autor{display:flex;gap:16px;align-items:flex-start;margin:24px 0 0;padding:22px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
.autor__ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--escuro);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}
.autor p{margin:0;font-size:15px;line-height:1.55;color:var(--suave)}
.autor .autor__nome{color:var(--tinta);font-weight:700;margin-bottom:2px;font-size:16px}
.relacionados{margin-top:24px}

/* Rodapé */
.rodape{margin-top:88px;background:var(--escuro);color:#9aa0a8;font-size:14px}
.rodape__in{display:flex;justify-content:space-between;gap:40px;padding-top:44px;padding-bottom:24px}
.rodape__marca p{max-width:460px;margin:12px 0 0;line-height:1.6}
.rodape__links{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-end;max-width:560px}
.rodape__links a{color:#fff;text-decoration:none;font-weight:500}
.rodape__links a:hover{color:var(--cor)}
.rodape__copy{padding-bottom:32px;font-size:13px}

/* Tablet */
@media (max-width:1024px){
  .topo__nav{gap:20px}
  .hero__tit{font-size:40px}
  .grade{grid-template-columns:repeat(2,1fr)}
  .duo{grid-template-columns:1fr}
}
/* Celular */
@media (max-width:760px){
  body{font-size:16.5px}
  .wrap{padding:0 16px}
  .topo__in{height:64px;gap:12px}
  .logo__txt{font-size:19px}
  .logo__img{height:32px}
  .topo__acoes{margin-left:auto}
  .btn--topo{padding:11px 16px;font-size:14px}
  .menu-btn{display:flex}
  .topo__nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--escuro);flex-direction:column;gap:0;padding:8px 16px 16px;border-top:1px solid #2b2e35;margin:0}
  .topo__nav.aberto{display:flex}
  .topo__nav a{padding:14px 4px;border-bottom:1px solid #2b2e35;font-size:16px}
  .hero{padding:16px 0 64px}
  .hero__in{grid-template-columns:1fr;gap:26px}
  .hero__img{order:-1;aspect-ratio:3/2;border-radius:16px}
  .pilula{margin-bottom:14px}
  .hero__tit{font-size:31px;line-height:1.18;margin-bottom:14px}
  .hero__res{font-size:16px;margin-bottom:22px}
  .hero__acoes{flex-direction:column;align-items:stretch;gap:12px}
  .hero__acoes .meta{text-align:center}
  .hero--curto{padding:28px 0 64px}
  .hero--curto .hero__tit{font-size:30px}
  .busca{margin-top:-30px}
  .busca__box{flex-direction:column;align-items:stretch;padding:12px;gap:10px}
  .busca__box input{flex:none;font-size:15px}
  .chips{margin:0 -12px;padding:0 12px}
  .sec{margin:40px 0 18px;flex-direction:column;align-items:flex-start;gap:4px}
  .sec h2{font-size:25px}
  .grade{grid-template-columns:1fr;gap:18px}
  .card__txt{padding:18px}
  .card__tit{font-size:20px}
  .duo{gap:18px;margin-top:18px}
  .lista{padding:20px 18px 8px}
  .lista a{grid-template-columns:40px 1fr;gap:12px;padding:16px 0}
  .lista b{font-size:24px}
  .lista strong{font-size:16px}
  .cta,.duo--so-cta .cta,.cta--fim{padding:28px 22px;flex-direction:column;align-items:stretch}
  .cta h2{font-size:25px}
  .cta .btn{align-self:stretch}
  .pg-artigo .artigo__topo{padding:24px 0 72px}
  .artigo__topo>*{padding:0 16px}
  .artigo h1{font-size:31px;line-height:1.2}
  .artigo__linha-fina{font-size:17px}
  .artigo__capa{margin-top:-56px;padding:0 16px}
  .artigo__pic,.artigo__pic img{border-radius:14px}
  .artigo__corpo{padding:4px 16px 0}
  .texto h2,.faq h2{font-size:25px}
  .texto h3{font-size:19px}
  .cta-meio{flex-direction:column;align-items:stretch}
  .cta-meio .btn{width:100%}
  .rodape{margin-top:56px}
  .rodape__in{flex-direction:column;gap:18px;padding-top:32px}
  .rodape__links{justify-content:flex-start;gap:12px 18px}
  .rodape__copy{padding-top:8px}
}

/* Guia completo e links automáticos */
.guia-box{background:#fff8e6;border:1px solid #f3dc9a;border-radius:12px;padding:12px 16px;margin:0 0 20px;font-size:15px}
.guia-box a{font-weight:700}
.guia-lista{margin:32px 0}.guia-lista ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.guia-lista li{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:12px 16px}.guia-lista li a{font-weight:700;text-decoration:none}
.guia-lista li span{display:block;color:#5d6470;font-size:14px;margin-top:4px}
.texto a.link-auto{text-decoration:underline;text-underline-offset:2px}

/* Confiança */
.selo-conf{margin:10px auto 0;font-size:14px;color:#c9ccd3}.selo-conf a{color:#ffd166;text-decoration:none;font-weight:600}.selo-conf span{opacity:.5;margin:0 4px}
.confianca{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:20px 22px;margin:28px 0}
.confianca h2{font-size:20px;margin:0 0 12px}.confianca ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.confianca li strong{display:block;font-size:15px}.confianca li span{display:block;font-size:14px;color:#5d6470}
@media (max-width:640px){.confianca ul{grid-template-columns:1fr}}

/* Instagram */
.insta{margin:32px 0}.insta__sub{color:#5d6470;margin:-4px 0 14px}
.insta__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}

/* ── Perguntas e respostas (/blog/perguntas) ── */
.perguntas-idx{margin-top:32px}
.perg-bloco{margin:0 0 36px}
.perg-bloco h2{font-size:24px;margin:0 0 12px;letter-spacing:-.01em}
.perg-bloco h2 a{color:var(--tinta);text-decoration:none}
.perg-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.perg-lista a{display:block;height:100%;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;text-decoration:none;color:var(--texto);transition:border-color .15s,box-shadow .15s}
.perg-lista a:hover{border-color:var(--cor);box-shadow:0 6px 18px -12px rgba(22,24,29,.35)}
.perg-lista strong{display:block;color:var(--tinta);font-size:17px;line-height:1.35;margin-bottom:6px}
.perg-lista span{display:block;color:var(--suave);font-size:15px;line-height:1.5}
.perguntas-mais{margin-bottom:40px}
.na-empresa{margin:40px 0 0;padding:22px 24px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
.na-empresa h2{font-size:22px;margin:0 0 8px}
.na-empresa p{margin:0 0 12px}
.na-empresa__acoes{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0!important}
.na-empresa__link{font-weight:600;color:var(--cor);text-decoration:none}
.pg-pergunta .resposta-rapida p:last-child{font-size:18px;line-height:1.6}
@media (max-width:760px){.perg-lista{grid-template-columns:1fr}.perg-bloco h2{font-size:21px}}
.pg-pergunta .resposta-rapida{margin-bottom:28px}