/* Blog da Byte Force: indice e pagina de artigo, no tema claro do site. */
.pagina-blog main{padding-top:150px}
.pagina-blog .blog-indice{padding:0 0 120px}
.pagina-blog .post{padding:0 0 110px}
.blog-indice h1{font:600 clamp(40px,5vw,64px)/1.05 var(--display);letter-spacing:-2.4px;margin:0}
.blog-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;gap:12px;padding:28px 26px 24px;border:1px solid var(--line);border-radius:20px;background:#fff;
  box-shadow:0 10px 30px #2a124a0d;transition:transform .35s cubic-bezier(.2,.65,.3,1),border-color .35s,box-shadow .35s}
.blog-card:hover{transform:translateY(-4px);border-color:#6d28d966;box-shadow:0 18px 40px #2a124a1f}
.blog-card{overflow:hidden}
.blog-card-capa{display:block;width:calc(100% + 52px);max-width:none;margin:-28px -26px 8px;aspect-ratio:16/9;height:auto;object-fit:cover;background:#17141c}
.blog-card:hover .blog-card-capa{filter:brightness(1.08)}
.blog-card .eyebrow{margin:0;font-size:10px}
.blog-card h2{font:600 22px/1.25 var(--display);letter-spacing:-.6px;color:var(--ink)}
.blog-card p{font-size:14.5px;line-height:1.65;color:var(--muted)}
.blog-card-meta{margin-top:auto;padding-top:8px;font-size:12px;color:#6b6474}
.blog-vazio{color:var(--muted)}

.post{padding:0 0 110px}
.post-wrap{max-width:760px}
.post-trilha{font-size:13px;color:var(--muted);margin-bottom:26px}
.post-trilha a{color:var(--roxo-texto);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-topo .eyebrow{margin-bottom:18px}
.post-topo h1{font:600 clamp(34px,4.6vw,54px)/1.08 var(--display);letter-spacing:-1.9px;margin:0}
.post-resumo{margin-top:22px;font-size:19px;line-height:1.6;color:#2f2a38}
.post-meta{margin-top:18px;font-size:13px;color:#6b6474}
.post-capa{margin:34px 0 0}
.post-capa img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:#17141c;box-shadow:0 26px 60px #2a124a2e}
.post-capa figcaption{margin-top:10px;font-size:12px;color:#6b6474}
.post-corpo{padding-top:34px;font-size:17px;line-height:1.8;color:#27222f}
.post-corpo p{margin:0 0 22px}
.post-corpo h2{font:600 28px/1.2 var(--display);letter-spacing:-.8px;margin:44px 0 16px;color:var(--ink)}
.post-corpo h3{font:600 21px/1.3 var(--display);letter-spacing:-.4px;margin:34px 0 12px;color:var(--ink)}
.post-corpo ul,.post-corpo ol{margin:0 0 24px;padding-left:24px}
.post-corpo li{margin-bottom:9px}
.post-corpo li::marker{color:var(--roxo)}
.post-corpo a{color:var(--roxo-texto);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-corpo a:hover{color:var(--laranja-texto)}
.post-corpo strong{font-weight:700;color:var(--ink)}
.post-corpo blockquote{margin:0 0 24px;padding:4px 0 4px 20px;border-left:3px solid var(--roxo);color:#3d3647;font-style:italic}
.post-corpo blockquote p{margin:0}
.post-corpo code{font:14.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#17141c0d;padding:2px 6px;border-radius:6px}
.post-corpo pre{margin:0 0 24px;padding:16px 18px;border-radius:14px;background:#17141c;color:#eae6f2;overflow-x:auto}
.post-corpo pre code{background:none;padding:0;color:inherit}
.post-cta{margin-top:46px;padding:30px 30px 32px;border-radius:22px;color:#fafafa;
  background:radial-gradient(360px circle at 90% 0%,#6d28d966,transparent 70%),linear-gradient(140deg,#1f1629,#0f0e13 70%);box-shadow:0 26px 60px #2a124a33}
.post-cta h2{font:600 25px/1.2 var(--display);letter-spacing:-.7px;margin:0 0 10px}
.post-cta p{color:#c8bfd6;font-size:15px;line-height:1.65;margin:0 0 22px}
.post-nota{margin-top:26px;font-size:12.5px;color:#6b6474}
.post-voltar{margin-top:30px}

@media(max-width:800px){
  .pagina-blog main{padding-top:124px}
  .post-corpo{font-size:16px}
  .post-resumo{font-size:17px}
  .post-cta{padding:24px 22px 26px}
  .blog-grade{grid-template-columns:1fr}
}