/* Academy - Blog Destaques: estilos do shortcode [blog_destaques] */

.msg-blog-destaques-scroller {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* Esconde a scrollbar visualmente, mantendo o scroll funcional */
.msg-blog-destaques-scroller::-webkit-scrollbar {
	height: 6px;
}
.msg-blog-destaques-scroller::-webkit-scrollbar-thumb {
	background-color: rgba(0, 23, 48, 0.15);
}
.msg-blog-destaques-scroller {
	scrollbar-width: thin;
}

.msg-blog-card {
	width: 100%;
	max-width: none;
	height: 480px;
	background-size: cover;
	background-position: center;
	background-color: #0E1419; /* fallback se não houver imagem */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px;
	box-sizing: border-box;
	box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.25);
}

.msg-blog-card-top {
	display: flex;
	flex-direction: column;
}

.msg-blog-card-categoria {
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 16px;
}

.msg-blog-card-titulo {
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.25;
	margin: 0 0 16px 0;
}

.msg-blog-card-excerto {
	color: rgba(255, 255, 255, 0.8);
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	margin: 0;
}

.msg-blog-card-bottom {
	margin-top: 24px;
}

.msg-blog-card-botao {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #CDE8F8;
	color: #001730;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none !important;
	width: 100%;
	min-width: 240px;
	height: 48px;
	padding: 0 16px;
	box-sizing: border-box;
}

.msg-blog-card-botao:hover,
.msg-blog-card-botao:focus,
.msg-blog-card-botao:visited {
	text-decoration: none !important;
	background-color: #BBDCF0;
	color: #001730;
}

@media (max-width: 640px) {
	.msg-blog-destaques-scroller {
		grid-template-columns: 1fr;
	}
	.msg-blog-card {
		width: 100%;
		max-width: none;
		height: 420px;
		padding: 24px;
	}

	.msg-blog-card-titulo {
		font-size: 24px;
	}

	.msg-blog-card-excerto {
		font-size: 16px;
	}
}

/* ---- Slider: setas de navegacao (canto inferior direito) ---- */
.msg-blog-slider {
	position: relative;
}
.msg-blog-nav {
	display: none;
}
.msg-blog-seta {
	width: 44px;
	height: 44px;
	border: 1px solid #001730;
	background-color: #FFFFFF;
	color: #001730;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}
.msg-blog-seta:hover {
	background-color: #EAF5FC;
}
.msg-blog-seta.is-disabled {
	opacity: 0.35;
	pointer-events: none;
}

/* Alinha o botao 'Ver blog Academico' com a linha das setas (desktop) */
@media (min-width: 768px) {
	.s-cta-blog-sec {
		margin-top: -18px;
	}
}

/* Estado clicado/focado: azul escuro (sem vermelho do browser) */
.msg-blog-seta:focus,.msg-blog-seta:focus-visible,.msg-blog-seta:active{outline:none;color:#002C56;border-color:#002C56;background-color:#EAF5FC;}
.msg-blog-card-botao:active{background-color:#BBDCF0;color:#001730;outline:none;}
.msg-blog-card-botao:focus-visible{outline:2px solid #002C56;outline-offset:2px;}

/* Cartoes acima de overlays de seccoes vizinhas (garante hover do botao) */
.msg-blog-slider { position: relative; z-index: 2; }
.msg-blog-card { position: relative; z-index: 2; }

/* ============================================================
 * Blog - Seccao por categoria [blog_seccao]
 * ============================================================ */
.msg-blog-seccao { width: 100%; margin: 0 0 56px 0; font-family: 'Montserrat', sans-serif; }
.msg-blog-seccao-titulo { color: #001730; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2; margin: 0 0 24px 0; }
.msg-blog-seccao-row { display: flex; gap: 48px; align-items: flex-start; }
.msg-blog-seccao--direita .msg-blog-seccao-row { flex-direction: row-reverse; }
.msg-blog-seccao-featured { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; }
.msg-blog-seccao-lista { flex: 1 1 50%; min-width: 0; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 28px; }
.msg-blog-seccao-lista-col { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; }
.msg-blog-seccao-lista-col .msg-blog-seccao-lista { flex: 0 0 auto; }

/* Card destaque */
.msg-blog-featured-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 288px; padding: 32px; box-sizing: border-box; text-decoration: none; background-color: #0E2A47; background-size: cover; background-position: center; box-shadow: 4px 4px 11px 0 rgba(0,0,0,0.25); overflow: hidden; }
.msg-blog-featured-cat { color: #FFFFFF; font-weight: 700; font-size: 14px; letter-spacing: .3px; margin-bottom: 12px; }
.msg-blog-featured-titulo { color: #FFFFFF; font-weight: 700; font-size: 30px; line-height: 1.18; margin: 0 0 12px 0; }
.msg-blog-featured-excerto { color: rgba(255,255,255,0.9); font-weight: 400; font-size: 16px; line-height: 1.45; margin: 0 0 16px 0; }
.msg-blog-featured-meta { color: rgba(255,255,255,0.85); font-weight: 400; font-size: 14px; }

/* Botao ver todos */
.msg-blog-seccao-vertodos { align-self: flex-start; margin-top: 20px; display: flex; width: max-content; align-items: center; justify-content: center; background-color: #CDE8F8; color: #001730; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; height: 48px; min-width: 240px; padding: 0 24px; text-decoration: none !important; transition: background-color .2s ease; }
.msg-blog-seccao-vertodos:hover { background-color: #9CD1EF; color: #001730; }

/* Lista de artigos */
.msg-blog-lista-link { display: flex; gap: 20px; align-items: flex-start; text-decoration: none; }
.msg-blog-lista-thumb { flex: 0 0 auto; }
.msg-blog-lista-thumb img { display: block; width: 96px; height: 72px; object-fit: cover; }
.msg-blog-lista-info { display: flex; flex-direction: column; min-width: 0; }
.msg-blog-lista-cat { color: #002C56; font-weight: 600; font-size: 14px; margin-bottom: 4px; }
.msg-blog-lista-titulo { color: #001730; font-weight: 500; font-size: 16px; line-height: 1.35; margin-bottom: 6px; }
.msg-blog-lista-meta { color: #6B7480; font-weight: 400; font-size: 13px; }
.msg-blog-lista-link:hover .msg-blog-lista-titulo { color: #009CDD; }

/* Mobile */
@media (max-width: 1024px) {
	.msg-blog-seccao-row, .msg-blog-seccao--direita .msg-blog-seccao-row { flex-direction: column; gap: 32px; }
	.msg-blog-seccao-featured, .msg-blog-seccao-lista { flex: 1 1 100%; width: 100%; }
	.msg-blog-seccao-titulo { font-size: 26px; }
	.msg-blog-featured-titulo { font-size: 24px; }
}

/* ============================================================
 * Blog - Pagina interna do artigo [artigo_single]
 * ============================================================ */
.msg-artigo { display: flex; gap: 64px; align-items: flex-start; font-family: 'Montserrat', sans-serif; }
.msg-artigo-main { flex: 1 1 auto; min-width: 0; }
.msg-artigo-sidebar { flex: 0 0 297px; background: #EAF4FB; padding: 24px; }
.msg-artigo-sidebar-titulo { color: #001730; font-weight: 400; font-size: 24px; line-height: 32px; margin: 0 0 8px 0; }
.msg-artigo-rel-lista { display: flex; flex-direction: column; }
.msg-artigo-titulo { color: #001730; font-weight: 600; font-size: 36px; line-height: 1.1; margin: 0 0 16px 0; }
.msg-artigo-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #6B7480; font-size: 15px; margin: 0 0 24px 0; }
.msg-artigo-autor { color: #009CDD; font-weight: 600; }
.msg-artigo-sep { color: #9AA3AE; }
.msg-artigo-media { margin: 0 0 28px 0; }
.msg-artigo-imagem, .msg-artigo-media img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; }
.msg-artigo-corpo { color: #0E1419; font-size: 16px; line-height: 1.7; }
.msg-artigo-corpo p { margin: 0 0 18px 0; }
.msg-artigo-corpo h2 { color: #001730; font-size: 24px; font-weight: 700; margin: 32px 0 12px 0; }
.msg-artigo-corpo h3 { color: #001730; font-size: 19px; font-weight: 600; margin: 24px 0 10px 0; }
.msg-artigo-rel { display: flex; flex-direction: column; text-decoration: none; padding: 20px 0; border-bottom: 1px solid rgba(0,23,48,0.12); }
.msg-artigo-rel:last-child { border-bottom: none; }
.msg-artigo-rel-cat { color: #4E5B66; font-weight: 400; font-size: 16px; margin-bottom: 6px; }
.msg-artigo-rel-titulo { color: #40474D; font-weight: 400; font-size: 15px; line-height: 1.45; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.msg-artigo-rel-rodape { display: flex; align-items: center; justify-content: space-between; }
.msg-artigo-rel-autor { color: #009CDD; font-weight: 500; font-size: 15px; }
.msg-artigo-rel-seta { color: #001730; display: flex; align-items: center; }
.msg-artigo-rel:hover .msg-artigo-rel-autor { color: #0077A8; }
@media (max-width: 1024px) {
	.msg-artigo { flex-direction: column; gap: 32px; }
	.msg-artigo-sidebar { flex: 1 1 100%; width: 100%; box-sizing: border-box; }
	.msg-artigo-titulo { font-size: 30px; }
}

/* ============================================================
 * Blog - Listagem vertical [blog_lista]
 * ============================================================ */
.msg-bloglista { display: flex; flex-direction: column; font-family: 'Montserrat', sans-serif; }
.msg-bloglista-row { display: flex; gap: 20px; align-items: flex-start; padding: 24px 0; border-bottom: 1px solid rgba(0,23,48,0.12); text-decoration: none; }
.msg-bloglista-row:first-child { padding-top: 0; }

.msg-bloglista-thumb { flex: 0 0 150px; }
.msg-bloglista-thumb img, .msg-bloglista-img, .msg-bloglista-img-vazia { display: block; width: 150px !important; height: 100px !important; max-width: 150px; object-fit: cover; background-color: #E4EDF3; }
.msg-bloglista-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; min-height: 190px; }
.msg-bloglista-titulo { color: #001730; font-weight: 600; font-size: 24px; line-height: 1.3; margin: 0 0 8px 0; }
.msg-bloglista-excerto { color: #4E5B66; font-weight: 400; font-size: 18px; line-height: 1.4; margin: 0 0 16px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.msg-bloglista-rodape { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; }
.msg-bloglista-meta { color: #8B9BA7; font-weight: 400; font-size: 16px; }
.msg-bloglista-autor { color: #009CDD; }
.msg-bloglista-ler { display: inline-flex; align-items: center; gap: 6px; color: #001730; font-weight: 400; font-size: 16px; white-space: nowrap; }
.msg-bloglista-ler svg { flex: 0 0 auto; }
.msg-bloglista-row:hover .msg-bloglista-titulo { color: #009CDD; }
@media (max-width: 768px) {
	.msg-bloglista-row { flex-direction: column; gap: 12px; }
	.msg-bloglista-thumb img, .msg-bloglista-img, .msg-bloglista-img-vazia { width: 100% !important; max-width: 100%; height: 180px !important; }
	.msg-bloglista-titulo { font-size: 20px; }
	.msg-bloglista-excerto { font-size: 16px; }
	.msg-bloglista-rodape { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* Blog listagem - card destaque (mais recente) */
.msg-bloglista-featured { position: relative; display: flex; flex-direction: column; min-height: 340px; padding: 40px; box-sizing: border-box; text-decoration: none; background-color: #0E2A47; background-size: cover; background-position: center; overflow: hidden; box-shadow: 4px 4px 11px 0 rgba(0,0,0,0.25); margin-bottom: 56px; }
.msg-bloglista-featured-cat { color: #FFFFFF; font-weight: 700; font-size: 14px; margin-bottom: 12px; }
.msg-bloglista-featured-titulo { color: #FFFFFF; font-weight: 700; font-size: 40px; line-height: 1.15; margin: 0 0 14px 0; max-width: 62%; }
.msg-bloglista-featured-excerto { color: rgba(255,255,255,0.9); font-weight: 400; font-size: 18px; line-height: 1.45; margin: 0; max-width: 55%; }
.msg-bloglista-featured-meta { color: rgba(255,255,255,0.9); font-weight: 400; font-size: 16px; margin-top: auto; padding-top: 24px; }
.msg-bloglista-featured-mais { position: absolute; right: 36px; bottom: 30px; color: #FFFFFF; font-size: 36px; line-height: 1; font-weight: 300; }
@media (max-width: 768px) {
	.msg-bloglista-featured { padding: 24px; min-height: 280px; }
	.msg-bloglista-featured-titulo { font-size: 26px; max-width: 100%; }
	.msg-bloglista-featured-excerto { font-size: 16px; max-width: 100%; }
}
/* Embed do episodio (podcast): substitui a imagem destacada */
.msg-artigo-embed { margin: 0 0 28px 0; }
.msg-artigo-embed iframe { display: block; width: 100%; border: 0; border-radius: 12px; }

/* ============================================================
 * [blog_coluna] - lista compacta de episodios (2 colunas no Blog)
 * ============================================================ */
.msg-bcol { display: flex; flex-direction: column; font-family: 'Montserrat', sans-serif; }
.msg-bcol-row { display: flex; gap: 20px; align-items: flex-start; padding: 24px 0; border-bottom: 1px solid rgba(0,23,48,0.12); text-decoration: none !important; }
.msg-bcol-row:first-child { padding-top: 0; }
.msg-bcol-thumb { flex: 0 0 65px; }
.msg-bcol-thumb img, .msg-bcol-img, .msg-bcol-img-vazia { display: block; width: 65px !important; height: 43px !important; max-width: 65px; object-fit: cover; background-color: #E4EDF3; }
.msg-bcol-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.msg-bcol-titulo { color: #001730; font-weight: 700; font-size: 16px; line-height: 1.35; margin-bottom: 8px; }
.msg-bcol-excerto { color: #4E5B66; font-weight: 400; font-size: 15px; line-height: 1.45; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.msg-bcol-meta { color: #8B9BA7; font-weight: 400; font-size: 13px; }
.msg-bcol-row:hover .msg-bcol-titulo { color: #009CDD; }
.msg-bcol-botao { display: inline-flex; align-items: center; justify-content: center; min-width: 240px; height: 48px; padding: 0 24px; margin-top: 28px; background-color: #CDE8F8; color: #001730; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 17px; text-decoration: none !important; box-sizing: border-box; transition: background-color .2s ease; }
.msg-bcol-botao:hover { background-color: #9CD1EF; color: #001730; }
.msg-bcol-vazio { color: #4E5B66; font-size: 15px; }
@media (max-width: 640px) { .msg-bcol-botao { width: 100%; min-width: 0; } }


/* Limites de linhas nos cartoes: o texto nunca transborda, qualquer que seja o comprimento */
.msg-blog-featured-titulo, .msg-blog-lista-titulo, .msg-bloglista-titulo, .msg-bloglista-featured-titulo, .msg-bcol-titulo { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 3; line-clamp: 3; }
.msg-blog-card-excerto, .msg-blog-featured-excerto, .msg-bloglista-featured-excerto { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 3; line-clamp: 3; }
.msg-blog-card-top { min-height: 0; overflow: hidden; }
.msg-blog-card-bottom { flex: 0 0 auto; }
@media (max-width: 640px) { .msg-blog-card-excerto, .msg-blog-featured-excerto, .msg-bloglista-excerto, .msg-bloglista-featured-excerto, .msg-bcol-excerto { -webkit-line-clamp: 2; line-clamp: 2; } }


/* Alinhamento do conteudo ao topo nos cartoes de destaque */
.msg-blog-featured-card { justify-content: flex-start; }
.msg-bloglista-featured { justify-content: flex-start; }
.msg-bloglista-featured-meta { margin-top: auto; padding-top: 24px; }
.msg-blog-featured-meta { margin-top: auto; padding-top: 24px; }


/* Titulo completo no cartao da home: o cartao cresce em vez de cortar o titulo */
.msg-blog-card { height: auto; min-height: 480px; }
.msg-blog-card-titulo { display: block; -webkit-line-clamp: none; line-clamp: none; overflow: visible; overflow-wrap: break-word; }
@media (max-width: 640px) { .msg-blog-card { height: auto; min-height: 420px; } }

/* Chevron sempre a direita no cartao de artigos semelhantes, mesmo sem autor */
.msg-artigo-rel-seta { margin-left: auto; }

/* Data e duracao no cartao de episodios da barra lateral */
.msg-artigo-rel-meta { color: #4E5B66; font-weight: 400; font-size: 14px; }

/* ============================================================
 * Marca ESESFM em artigos e noticias
 *
 * Estilos proprios (msg-artigo-esesfm-*) e nao os do plugin de eventos: esse
 * CSS so e carregado nas paginas de eventos, e sem ele a fita renderizava como
 * imagem inline em tamanho natural, desalinhando a linha da listagem.
 * ============================================================ */
:root { --msg-esesfm: #3B0764; }
.msg-artigo-esesfm-fita { position: absolute; top: 0; left: 0; width: 52px; padding: 10px 6px 16px 6px; box-sizing: border-box; background-color: var(--msg-esesfm, #3B0764); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%); z-index: 2; pointer-events: none; }
.msg-artigo-esesfm-fita img { display: block; width: 100%; height: auto; }
/* a linha e o destaque passam a ser o contexto de posicionamento da fita */
.msg-bloglista-row.is-esesfm, .msg-bloglista-featured.is-esesfm, .msg-bcol-row.is-esesfm { position: relative; }
.msg-bloglista-featured .msg-artigo-esesfm-fita { right: 24px; }
/* barra de parceria na pagina interna */
.msg-artigo-esesfm-marca { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; padding: 10px 16px 10px 12px; background: #F4EEF9; border-left: 3px solid var(--msg-esesfm, #3B0764); }
.msg-artigo-esesfm-marca img { display: block; width: 48px; height: auto; flex: 0 0 auto; }
.msg-artigo-esesfm-marca span { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--msg-esesfm, #3B0764); }
@media (max-width: 640px) {
	.msg-artigo-esesfm-fita { width: 42px; padding: 8px 5px 13px 5px; }
	.msg-artigo-esesfm-marca { gap: 10px; padding: 10px 12px; }
	.msg-artigo-esesfm-marca img { width: 36px; }
	.msg-artigo-esesfm-marca span { font-size: 13px; }
}

/* Paginacao das listagens do blogue */
.msg-bloglista-pag { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 40px; font-family: 'Montserrat', sans-serif; }
.msg-bloglista-pag-n, .msg-bloglista-pag-seta { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; background-color: #EAEFF4; color: #001730; font-size: 16px; text-decoration: none !important; box-sizing: border-box; transition: background-color .2s ease; }
a.msg-bloglista-pag-n:hover, a.msg-bloglista-pag-seta:hover { background-color: #CDE8F8; }
.msg-bloglista-pag-n.is-active { background-color: #009CDD; color: #FFFFFF; font-weight: 700; }
.msg-bloglista-pag-seta.is-off { opacity: .35; }
.msg-bloglista-pag-gap { color: #8B9BA7; padding: 0 4px; }
.msg-bloglista-pag a:focus-visible { outline: 2px solid #002C56; outline-offset: 2px; }
/* A fita assenta sobre a miniatura, como nas listagens de eventos: a linha e o
   contexto de posicionamento e a miniatura ocupa o canto superior esquerdo.
   Antes estava a direita e colidia com o titulo. */
.msg-bloglista-row { position: relative; }
/* Valores medidos na listagem de eventos: top = padding-top da linha (24px),
   left 0 e 52px de largura. Assim a fita encosta ao canto superior esquerdo da
   miniatura, sem sobrar para fora. */
.msg-bloglista-thumb { position: relative; display: block; }
.msg-bloglista-row .msg-artigo-esesfm-fita { top: 0; left: 0; width: 52px; padding: 10px 6px 16px 6px; }
.msg-bloglista-thumb { position: relative; }
@media (max-width: 640px) { .msg-bloglista-row .msg-artigo-esesfm-fita { top: 0; left: 0; width: 42px; padding: 8px 5px 13px 5px; } }
/* O logotipo da fita nao herda as medidas da miniatura.
   Com a fita dentro de .msg-bloglista-thumb, o seu <img> passou a corresponder a
   '.msg-bloglista-thumb img { width:150px !important; height:100px !important }'
   e esticava a fita. Selector mais especifico para o excluir. */
.msg-bloglista-thumb .msg-artigo-esesfm-fita img,
.msg-artigo-esesfm-fita img {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	object-fit: contain !important;
	background: none !important;
}
/* A fita dos eventos dentro da miniatura.
   O extra dos cartoes passou a ser impresso dentro de .msg-bloglista-thumb (para
   a fita encostar sempre a imagem). A fita dos eventos vive no plugin de
   eventos e ficou sujeita a duas regras daqui: o tamanho forcado das miniaturas
   e o seu proprio top:24px, que era medido a partir da linha. Corrigido aqui,
   que e onde a mudanca de markup foi feita. */
.msg-bloglista-thumb .msg-evento-esesfm-ribbon img {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	object-fit: contain !important;
	background: none !important;
}
.msg-bloglista-thumb .msg-evento-esesfm-ribbon { top: 0 !important; left: 0 !important; right: auto !important; }
@media (max-width: 640px) { .msg-bloglista-thumb .msg-evento-esesfm-ribbon { width: 42px; padding: 8px 5px 13px 5px; } }

/* Links no corpo do artigo.
 * Vinham a #CC3366, cor que nao pertence ao manual. Usa-se o azul #28539A e nao
 * o ciano #009CDD: sobre branco o ciano tem contraste de ~2.9:1, abaixo do
 * minimo de 4.5:1 para texto corrido. O #28539A fica em ~7:1.
 * Sublinhado a proposito: em texto corrido a cor sozinha nao deve ser o unico
 * indicador de que ha um link. */
.msg-artigo-corpo a:not([class]),
.msg-artigo-corpo p a,
.msg-artigo-corpo li a,
.msg-evento-corpo a:not([class]),
.msg-evento-corpo p a,
.msg-evento-corpo li a {
	color: #28539A;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
.msg-artigo-corpo a:hover, .msg-artigo-corpo a:focus-visible,
.msg-evento-corpo a:hover, .msg-evento-corpo a:focus-visible {
	color: #009CDD;
}