/* Blog InovaSEO: usa as variaveis do style.css do site */
.breadcrumb{padding:.8rem 0;font-size:.85rem;color:rgba(255,255,255,.75)}
.breadcrumb a{color:rgba(255,255,255,.92);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{margin:0 .4rem}
.page-hero{background:var(--gradient-hero);color:#fff;padding:3rem 0 3.5rem}
.page-hero h1{font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.18;margin:.5rem 0 1rem}
.page-hero p{font-size:clamp(1rem,2.4vw,1.15rem);opacity:.92;max-width:680px}
.post-hero{padding-bottom:6rem}
.post-meta{font-size:.95rem!important;opacity:.85!important}
.post-narrow{max-width:780px}
.post-capa{max-width:880px;margin:-4.5rem auto 0;padding:0 16px}
.post-capa img{display:block;width:100%;height:auto;border-radius:1.25rem;box-shadow:var(--shadow-xl)}
.post{padding:2.5rem 0 3rem}
.post h2{font-size:clamp(1.4rem,3.2vw,1.8rem);line-height:1.25;color:var(--foreground);margin:2.4rem 0 .9rem}
.post h3{font-size:1.2rem;color:var(--foreground);margin:1.8rem 0 .6rem}
.post p,.post li{font-size:1.06rem;line-height:1.78;color:var(--foreground)}
.post p{margin-bottom:1.1rem}
.post ul,.post ol{margin:0 0 1.2rem 1.3rem}
.post li{margin-bottom:.45rem}
.post table{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;font-size:.97rem}
.post th,.post td{border:1px solid var(--border);padding:.6rem .7rem;text-align:left;vertical-align:top}
.post th{background:var(--muted)}
.post .tabela{overflow-x:auto}
.post .resposta{background:var(--muted);border-left:4px solid var(--primary);border-radius:.8rem;padding:1rem 1.2rem;margin:1.2rem 0 1.6rem}
.post-cta{background:linear-gradient(145deg,var(--blue-700) 0%,var(--primary) 55%,var(--blue-400) 100%);color:#fff;border-radius:1.5rem;padding:1.8rem 1.6rem;margin:2.2rem 0;box-shadow:var(--shadow-lg)}
.post-cta p{color:#fff!important;margin-bottom:1rem}
.post-cta .post-cta-tit{font-size:1.3rem;font-weight:800;line-height:1.3;margin-bottom:.5rem}
.post-cta a{text-decoration:none!important}
.post-cta-btns{display:flex;flex-wrap:wrap;gap:.8rem}
.post-next{background:var(--card);border:1px solid var(--border);border-radius:1.2rem;padding:1.3rem 1.5rem;margin:2.4rem 0 0}
.post-next h2{font-size:1.15rem;margin:0 0 .6rem}
.post-next ul{margin-bottom:0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;margin-top:1.5rem}
.blog-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:1.2rem;overflow:hidden;text-decoration:none;color:var(--foreground);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.blog-card img{width:100%;height:auto;display:block}
.blog-card-body{padding:1rem 1.2rem 1.3rem}
.blog-card time{font-size:.82rem;color:var(--muted-foreground)}
.blog-card h3{font-size:1.08rem;line-height:1.35;margin:.35rem 0}
.blog-card p{font-size:.93rem;color:var(--muted-foreground);line-height:1.55}
.page-section{padding:3rem 0}
.page-section--alt{background:var(--muted)}
@media(max-width:600px){.page-hero{padding:2.2rem 0 2.8rem}.post-hero{padding-bottom:4.5rem}.post-capa{margin-top:-3.2rem}.post-cta{padding:1.5rem 1.2rem}}