/* Artigos do blog — usa as variáveis e peças de iel-imoveis/assets/iel.css */
.iel-artigos { margin: 0; }
.iel-artigos .iela-hero { padding: 56px 0 104px; }
.iel-artigos .iela-hero h1 { font-size: clamp(28px, 4vw, 44px); font-weight: 600; line-height: 1.15; max-width: 860px; color: #fff; }
.iel-artigos .iel-sobretitulo a { text-decoration: none; color: var(--iel-verde); }
.iela-meta { margin: 16px 0 0; color: #c7d0ce; font-size: 15px; }
/* Título alinhado com a coluna do texto */
.iel-artigos .iela-hero .iel-wrap > * { max-width: 860px; margin-left: auto; margin-right: auto; }

.iela-main { padding-bottom: 64px; }
.iela-largura { max-width: 860px; margin: 0 auto; }

/* Corpo do artigo */
.iel-artigos .iela-artigo {
	max-width: 860px;
	margin: -64px auto 0;
	position: relative;
	background: #fff;
	border: 1px solid var(--iel-linha);
	border-radius: var(--iel-raio);
	box-shadow: 0 12px 40px rgba(11, 15, 14, .08);
	padding: 44px 56px;
	font-size: 18px;
	line-height: 1.75;
	color: var(--iel-texto);
}
.iel-artigos .iela-artigo > :first-child { margin-top: 0; }
.iel-artigos .iela-artigo p { margin: 0 0 20px; }
.iel-artigos .iela-artigo h2 {
	font-family: "Public Sans", sans-serif;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--iel-preto);
	margin: 44px 0 16px;
	padding-left: 16px;
	border-left: 4px solid var(--iel-verde);
}
.iel-artigos .iela-artigo h3 { font-family: "Public Sans", sans-serif; font-size: 21px; font-weight: 600; color: var(--iel-preto); margin: 32px 0 12px; }
.iel-artigos .iela-artigo strong { color: var(--iel-preto); font-weight: 700; }
.iel-artigos .iela-artigo em { color: var(--iel-suave); }
.iel-artigos .iela-artigo a { color: var(--iel-verde-esc); text-decoration: underline; text-underline-offset: 3px; }
.iel-artigos .iela-artigo ul,
.iel-artigos .iela-artigo ol { margin: 0 0 24px; padding-left: 26px; }
.iel-artigos .iela-artigo li { margin: 0 0 10px; padding-left: 4px; }
.iel-artigos .iela-artigo li::marker { color: var(--iel-verde-esc); font-weight: 700; }
/* Aviso informativo e fontes no fim do texto */
.iel-artigos .iela-artigo > p:nth-last-child(-n+2) { font-size: 15px; line-height: 1.6; color: var(--iel-suave); }
.iel-artigos .iela-artigo > p:last-child { margin: 0; padding-top: 18px; border-top: 1px solid var(--iel-linha); }

/* Leia também / lista */
.iela-leia { margin-top: 56px; }
.iel-artigos .iela-leia h2 { font-size: 24px; font-weight: 600; color: var(--iel-preto); margin: 0 0 18px; }
.iela-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.iela-lista .iela-cartoes { margin-top: -64px; position: relative; }
.iela-cartao { background: #fff; border: 1px solid var(--iel-linha); border-radius: var(--iel-raio); padding: 22px; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.iela-cartao:hover { box-shadow: 0 10px 30px rgba(11, 15, 14, .1); transform: translateY(-2px); }
.iela-cartao__data { margin: 0 0 8px; font-size: 13px; color: var(--iel-suave); }
.iel-artigos .iela-cartao__titulo { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--iel-preto); margin: 0 0 10px; }
.iela-cartao__titulo a { text-decoration: none; }
.iela-cartao__titulo a:hover { color: var(--iel-verde-esc); }
.iela-cartao__resumo { margin: 0 0 16px; font-size: 15px; color: var(--iel-suave); flex: 1; }
.iel-artigos .iela-cartao__ler { font-weight: 700; font-size: 14px; color: var(--iel-verde-esc); text-decoration: none; }
.iela-lista .nav-links { display: flex; gap: 12px; justify-content: center; margin: 28px 0 0; }
.iela-lista .nav-links a, .iela-lista .nav-links span { padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--iel-linha); text-decoration: none; }
.iela-lista .screen-reader-text { position: absolute; left: -9999px; }

/* Páginas institucionais: sem o estilo de "fontes" nos dois últimos parágrafos */
.iela-institucional .iela-artigo > p:nth-last-child(-n+2) { font-size: inherit; line-height: inherit; color: inherit; }
.iela-institucional .iela-artigo > p:last-child { padding-top: 0; border-top: 0; }
.iela-institucional .iela-artigo code { font-size: .9em; background: #f1f4f3; border-radius: 4px; padding: 1px 5px; }

@media (max-width: 860px) {
	.iel-topo__nav .iela-some-celular { display: none; }
}
@media (max-width: 640px) {
	.iel-artigos .iela-hero { padding: 32px 0 84px; }
	.iel-artigos .iela-artigo { padding: 26px 20px; font-size: 17px; line-height: 1.7; margin-top: -56px; }
	.iel-artigos .iela-artigo h2 { font-size: 22px; margin-top: 34px; padding-left: 12px; }
	.iel-artigos .iela-artigo ul,
	.iel-artigos .iela-artigo ol { padding-left: 20px; }
}