/* Blog da Click Marketing */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--white);color:var(--black);text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.blog-card:hover,.blog-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-300);outline:none}
.blog-card-img{display:block;aspect-ratio:16/9;background:#0A0A0A;overflow:hidden}
.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px}
.blog-card-cat{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500)}
.blog-card-title{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.blog-card-desc{font-size:15px;line-height:1.5;color:var(--gray-500)}
.blog-card-meta{margin-top:auto;padding-top:8px;font-family:var(--font-mono);font-size:12px;color:var(--gray-500)}
.post-hero{padding:clamp(104px,11vw,150px) 0 0}
.post-narrow{max-width:760px}
.post-wide{max-width:1040px}
.crumbs{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--gray-500);margin-bottom:22px;flex-wrap:wrap}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:var(--black)}
.post-title{font-size:clamp(34px,5.4vw,60px);line-height:1.04;letter-spacing:-.03em;margin:14px 0 18px}
.post-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:15px;color:var(--gray-500);margin-bottom:34px}
.post-capa{margin:0 0 clamp(32px,4vw,52px);border-radius:var(--radius-lg);overflow:hidden;background:#0A0A0A}
.post-capa img{display:block;width:100%;height:auto}
.post-body{font-size:18px;line-height:1.65}
.post-body p{margin:0 0 20px}
.post-body p.intro{font-size:20px;line-height:1.6;color:var(--gray-900)}
.post-body h2{font-size:clamp(26px,3.2vw,34px);line-height:1.12;letter-spacing:-.02em;margin:46px 0 16px}
.post-body h2 strong{color:var(--black);background:linear-gradient(transparent 62%,rgba(212,255,0,.75) 62%)}
.post-body .correcao{border-left:4px solid var(--yellow);padding:12px 18px;background:var(--gray-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.lista-blog{list-style:none;counter-reset:item;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
.lista-blog li{counter-increment:item;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--border)}
.lista-blog li::before{content:counter(item,decimal-leading-zero);grid-column:1;grid-row:1 / span 2;font-family:var(--font-mono);font-weight:600;color:var(--gray-500)}
.lista-blog li strong{grid-column:2;grid-row:1;display:block;font-size:19px;letter-spacing:-.01em;line-height:1.25}
.lista-blog li span{grid-column:2;grid-row:2;display:block;color:var(--gray-500);font-size:16px;line-height:1.45}
table.dados{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px}
table.dados th,table.dados td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
table.dados th{font-weight:500;color:var(--gray-900)}
table.dados td:nth-child(2){font-family:var(--font-mono);font-weight:600;white-space:nowrap}
table.dados td:last-child{width:42%}
.barra{display:block;height:12px;border-radius:999px;background:var(--gray-100);overflow:hidden}
.barra span{display:block;height:100%;border-radius:999px;background:var(--gray-300)}
.barra span.lime{background:var(--yellow)}
.slide-fig{margin:10px auto 34px;max-width:420px}
.slide-fig img{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.fonte{font-size:15px;color:var(--gray-500);border-top:1px solid var(--border);padding-top:18px;margin-top:36px}
.post-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 10px;font-family:var(--font-mono);font-size:13px;color:var(--gray-500)}
.post-share a{color:var(--black);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:8px 14px}
.post-share a:hover{background:var(--black);color:var(--white)}
.related .blog-grid{margin-top:24px}
@media (max-width:640px){.post-body{font-size:17px}.post-body p.intro{font-size:18px}.lista-blog li{grid-template-columns:36px 1fr}}