/* ===== Blog EZA ===== */
#blog-wrap { max-width: 1000px; margin: 0 auto; padding: 20px 25px 60px; }
#blog-wrap .breadcrumb { font-size: 14px; color: #3700ff; margin: 10px 0 30px; }
#blog-wrap .breadcrumb a { color: #3700ff; text-decoration: none; }
#blog-wrap .breadcrumb a:hover { text-decoration: underline; }

/* Cabecalho do blog (index) */
.blog-head { text-align: center; padding: 20px 0 40px; }
.blog-head h1 { font: 54px 'Everett-Regular', sans-serif; margin: 0 0 12px; color: #3700ff; }
.blog-head p { color: #000; font-size: 18px; max-width: 640px; margin: 0 auto; }

/* Grade de posts */
.blog-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
.blog-card { border: 2px solid #3700ff; display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: .35s; }
.blog-card:hover { transform: translateY(-4px); }
.blog-card .thumb { height: 180px; overflow: hidden; }
.blog-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: .35s; }
.blog-card:hover .thumb img { transform: scale(1.08); }
.blog-card .card-body { padding: 18px 18px 22px; display: flex; flex-direction: column; gap: 10px; }
.blog-card h2 { font-size: 20px; line-height: 1.25; color: #3700ff; margin: 0; }
.blog-card p { font-size: 15px; line-height: 1.5; color: #000; margin: 0; }
.blog-card .ler { font-weight: bold; color: #3700ff; margin-top: auto; }

/* Artigo */
.post { max-width: 760px; margin: 0 auto; }
.post h1 { font: 42px 'Everett-Regular', sans-serif; line-height: 1.1; color: #3700ff; text-align: left; margin: 0 0 14px; }
.post .post-meta { font-size: 14px; color: #555; margin: 0 0 26px; }
.post .hero-img { width: 100%; height: auto; margin: 0 0 30px; border: 2px solid #3700ff; }
.post h2 { font-size: 27px; color: #3700ff; margin: 38px 0 12px; text-align: left; }
.post p { font-size: 18px; line-height: 1.7; color: #111; margin: 0 0 18px; }
.post ul { font-size: 18px; line-height: 1.7; color: #111; margin: 0 0 18px; padding-left: 22px; }
.post ul li { margin-bottom: 8px; }

/* FAQ do post */
.post .post-faq { margin: 40px 0 10px; }
.post .post-faq h2 { margin-bottom: 18px; }
.post .post-faq .qa { border-left: 3px solid #3700ff; padding: 4px 0 4px 16px; margin: 0 0 22px; }
.post .post-faq .qa h3 { font-size: 19px; color: #3700ff; margin: 0 0 6px; }
.post .post-faq .qa p { font-size: 16px; margin: 0; }

/* CTA */
.post-cta { background: #3700ff; color: #fff; padding: 34px 28px; margin: 45px 0; text-align: center; }
.post-cta h3 { font-size: 24px; margin: 0 0 12px; color: #fff; }
.post-cta p { color: #fff; font-size: 17px; margin: 0 0 20px; }
.post-cta a { display: inline-block; background: #fff; color: #3700ff; font-weight: bold; text-decoration: none; padding: 12px 26px; margin: 4px; transition: .35s; }
.post-cta a:hover { transform: scale(1.06); }

/* Posts relacionados */
.related { margin-top: 50px; border-top: 2px solid #3700ff; padding-top: 30px; }
.related h2 { font-size: 26px; color: #3700ff; text-align: left; margin: 0 0 18px; }
.related ul { list-style: none; padding: 0; margin: 0; }
.related li { margin-bottom: 10px; }
.related a { color: #3700ff; text-decoration: none; font-weight: bold; }
.related a:hover { text-decoration: underline; }

@media (max-width: 900px) { .blog-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) {
	.blog-grid { grid-template-columns: 1fr; }
	.blog-head h1 { font-size: 40px; }
	.post h1 { font-size: 32px; }
	.post h2 { font-size: 23px; }
	.post p, .post ul { font-size: 17px; }
}

/* ===== Landing pages ===== */
.lp { max-width: 820px; margin: 0 auto; }
.lp h1 { font: 42px 'Everett-Regular', sans-serif; line-height:1.1; color:#3700ff; text-align:left; margin:0 0 10px; }
.lp .lp-sub { font-size: 20px; color:#000; margin: 0 0 26px; }
.lp .lp-intro { font-size: 19px; line-height:1.7; color:#111; margin:0 0 22px; }
.lp h2 { font-size: 27px; color:#3700ff; margin: 36px 0 12px; text-align:left; }
.lp p { font-size: 18px; line-height:1.7; color:#111; margin:0 0 18px; }
.lp ul { font-size:18px; line-height:1.7; color:#111; margin:0 0 18px; padding-left:22px; }
.lp ul li { margin-bottom:8px; }
.lp .hero-img { width:100%; height:auto; margin:0 0 30px; border:2px solid #3700ff; }
.benefits { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin:10px 0 20px; }
.benefit { border-top:3px solid #3700ff; padding-top:14px; }
.benefit h3 { font-size:19px; color:#3700ff; margin:0 0 8px; }
.benefit p { font-size:15px; color:#000; line-height:1.5; margin:0; }
@media (max-width:700px){ .benefits{ grid-template-columns:1fr; } .lp h1{ font-size:32px; } }

/* ===== Fatos-chave, glossario e tabela (GEO/AEO) ===== */
.fatos-chave, .glossario { margin: 10px 0 30px; }
.fatos-chave dt, .glossario dt { font-weight: bold; color:#3700ff; font-size:17px; margin-top:14px; }
.fatos-chave dd, .glossario dd { margin:4px 0 0; color:#111; font-size:16px; line-height:1.55; }
.glossario dt { font-size:19px; }
.tabela-comparativa { width:100%; border-collapse:collapse; margin:16px 0 26px; font-size:16px; }
.tabela-comparativa th, .tabela-comparativa td { border:2px solid #3700ff; padding:10px 12px; text-align:left; vertical-align:top; }
.tabela-comparativa thead th { background:#3700ff; color:#fff; }
.tabela-comparativa td { color:#111; }
.lp-resumo { border-left:4px solid #3700ff; background:#efedee; padding:14px 18px; margin:0 0 26px; }
.lp-resumo strong { color:#3700ff; display:block; margin-bottom:6px; font-size:15px; letter-spacing:.03em; }
.lp-resumo p { margin:0; font-size:16px; line-height:1.55; color:#111; }
.toc { border:2px solid #3700ff; padding:16px 20px; margin:0 0 28px; }
.toc strong { color:#3700ff; display:block; margin-bottom:8px; }
.toc ul { margin:0; padding-left:20px; }
.toc a { color:#3700ff; text-decoration:none; }
.toc a:hover { text-decoration:underline; }
@media (max-width:600px){ .tabela-comparativa, .tabela-comparativa th, .tabela-comparativa td { font-size:14px; } }