/* =========================================================
   POST DA NOTÍCIA — identidade visual modernizada
   ========================================================= */

/* BREADCRUMB */
.breadcrumb{width:100%;clear:both;padding:30px 0 8px;}
.breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;text-align:left;}
.breadcrumb ul li{display:inline-flex;align-items:center;font-size:12px;color:var(--sj-cinza-texto);font-family:var(--fonte-padrao);font-weight:600;letter-spacing:.02em;}
.breadcrumb ul a li{color:var(--sj-azul);transition:color .25s ease;}
.breadcrumb ul a:hover li{color:var(--sj-azul-escuro);text-decoration:none;}
.breadcrumb ul li.ultimo{color:var(--sj-titulo);font-weight:700;}

/* AVISO de matéria não publicada (preview) */
.aviso{width:auto;clear:both;padding:14px 20px;margin:14px auto 24px;max-width:760px;text-align:center;font-size:13px;font-weight:700;color:#7a4f00;background:#fff7e0;border:1px solid #f5d97b;border-radius:10px;font-family:var(--fonte-padrao);}

/* CONTAINER */
article{width:800px;max-width:calc(100% - 32px);clear:both;margin:0 auto;padding:0 0 30px;}
article img.principal{width:100% !important;border-radius:14px;box-shadow:0 18px 40px rgba(0,73,124,.12);max-height:520px;object-fit:cover;}
article p img,article .infos img{display:block;margin:18px auto;max-width:100%;height:auto;border-radius:10px;transition:all .35s ease;}

/* INFOS — área de cabeçalho + corpo */
article .infos{width:100%;text-align:left;padding:0 0 25px;}

/* TÍTULO */
article .infos h1{font-size:36px;font-weight:900;letter-spacing:-.02em;color:var(--sj-titulo);font-family:var(--fonte-padrao);text-align:left;padding:18px 0 14px;line-height:1.15;clear:both;}

/* MANCHETE (subtítulo) */
article .infos h2{font-size:18px;color:var(--sj-cinza-texto);font-family:var(--fonte-padrao);text-align:left;font-weight:500;line-height:1.55;padding:0 0 22px;clear:both;font-style:italic;border-left:3px solid var(--sj-azul);padding-left:18px;margin:6px 0 22px;}

/* LINHA DE META (categoria + data + share) */
article .infos .data_redes{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:0 0 26px;margin:0 0 22px;border-bottom:1px solid var(--sj-cinza-borda);}

/* BADGE DE CATEGORIA — pill azul cheia, uppercase, mesma identidade dos cards */
article .infos .data_redes .categoria_post{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--sj-azul);color:#fff !important;font-family:var(--fonte-padrao);font-size:11px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.06em;border-radius:30px;text-decoration:none;transition:all .25s ease;box-shadow:0 6px 16px rgba(29,138,216,.22);}
article .infos .data_redes .categoria_post:hover{background:var(--sj-azul-escuro);color:#fff !important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,73,124,.28);}

/* DATA / LEITURA */
article .infos .data_redes .quando{display:inline-flex;align-items:center;gap:8px;width:auto;flex:0 1 auto;clear:none;}
article .infos .data_redes .quando .iconeCalendar{width:14px;height:14px;background:none;float:none;display:inline-flex;align-items:center;justify-content:center;margin:0;}
article .infos .data_redes .quando .iconeCalendar:before{content:"\f073";font-family:"Font Awesome 5 Free";font-weight:400;font-size:13px;color:var(--sj-azul);}
article .infos .data_redes .quando p{color:var(--sj-cinza-texto);font-size:12.5px;font-weight:500;line-height:1.3;float:none;margin:0;}

/* SHARE */
article .infos .data_redes #shareRoundIcons{margin-left:auto;display:inline-flex;align-items:center;gap:4px;text-align:right;}
article .infos .data_redes #shareRoundIcons .jssocials-share-link{font-size:11px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
article .infos .data_redes #shareRoundIcons .jssocials-share{margin:0;}
article .infos .data_redes #shareRoundIcons .jssocials-shares{margin:0;display:flex;gap:4px;}

article .infos .data_redes .autor_post{width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-block;}
article .infos .data_redes .autor_post img{width:34px;height:34px;margin:0;display:block;}

/* CORPO DO TEXTO (h3 abriga o conteúdo da matéria) */
article .infos h3{font-size:16px;color:var(--sj-texto);font-family:var(--fonte-padrao);font-weight:400;text-align:left;line-height:1.75;padding:8px 0 28px;letter-spacing:-.005em;}
article .infos h3 p{font-size:16px;line-height:1.75;color:var(--sj-texto);margin:0 0 1.15em;}
article .infos h3 strong{font-weight:700;color:var(--sj-titulo);}
article .infos h3 a{color:var(--sj-azul);text-decoration:underline;text-underline-offset:3px;font-size:inherit;}
article .infos h3 a:hover{color:var(--sj-azul-escuro);background:#eef5fb;}
article .infos h3 blockquote{margin:24px 0;padding:18px 24px;background:#eef5fb;border-left:4px solid var(--sj-azul);border-radius:0 10px 10px 0;font-style:italic;color:var(--sj-azul-escuro);}
article .infos h3 ul,article .infos h3 ol{margin:14px 0 18px;padding-left:22px;}
article .infos h3 ul li,article .infos h3 ol li{margin-bottom:6px;list-style-position:outside;line-height:1.6;}
article .infos h3 ul li{list-style:disc;}
article .infos h3 ol li{list-style:decimal;}
article .infos h3 h2,article .infos h3 h3,article .infos h3 h4{color:var(--sj-titulo);font-weight:800;margin:28px 0 10px;letter-spacing:-.015em;}
article .infos h3 h2{font-size:22px;}
article .infos h3 h3{font-size:19px;}
article .infos h3 h4{font-size:16px;}
article .infos h5{font-size:16px;color:var(--sj-texto);font-weight:400;line-height:1.7;padding:22px 0;}

article .infos iframe{left:0;width:100%;border-radius:10px;}

/* REFERÊNCIAS (fonte, fotógrafo) */
article .infos .referencias{display:flex;align-items:flex-start;gap:8px;padding:8px 14px;margin:6px 0;font-size:12.5px;color:var(--sj-cinza-texto);font-family:var(--fonte-padrao);line-height:1.55;background:#f4f6f9;border-left:3px solid var(--sj-azul-claro);border-radius:0 8px 8px 0;}
article .infos .referencias strong{font-size:12.5px;color:var(--sj-titulo);font-weight:800;padding-right:6px;text-transform:uppercase;letter-spacing:.04em;}

/* TAGS */
article .infos .tags{clear:both;width:100%;padding:32px 0 12px;border-top:1px solid var(--sj-cinza-borda);margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
article .infos .tags .chama{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:13px;color:var(--sj-titulo);font-family:var(--fonte-padrao);font-weight:800;text-transform:uppercase;letter-spacing:.06em;float:none;margin-right:6px;}
article .infos .tags .chama:before{content:"#";color:var(--sj-azul);font-size:15px;font-weight:900;}
article .infos .tags .itens{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;color:var(--sj-azul-escuro);font-family:var(--fonte-padrao);font-weight:700;text-decoration:none;border-radius:30px;background:#eef5fb;border:1px solid #d6e4f3;transition:all .25s ease;float:none;margin:0;}
article .infos .tags .itens:hover{background:var(--sj-azul);color:#fff;border-color:var(--sj-azul);transform:translateY(-2px);}

/* ASIDE (assinatura do autor) */
article aside{width:auto;max-width:100%;margin:36px 0;padding:24px 26px;background:#f4f6f9;border:1px solid var(--sj-cinza-borda);clear:both;border-radius:14px;display:flex;align-items:center;gap:18px;}
article aside .imagem{flex-shrink:0;width:64px;height:64px;background:#fff;overflow:hidden;border-radius:50%;display:inline-block;vertical-align:top;position:relative;box-shadow:0 6px 14px rgba(0,73,124,.08);}
article aside .imagem img{width:64px !important;height:64px !important;min-width:0;min-height:0;max-height:none;margin:0 !important;display:block;object-fit:cover;}
article aside .assinatura{flex:1;width:auto;display:block;}
article aside .assinatura .nome_autor{font-size:16px;color:var(--sj-titulo);font-weight:800;text-align:left;line-height:1.3;letter-spacing:-.01em;}
article aside .assinatura p{text-transform:uppercase;font-size:10px;color:var(--sj-azul);font-weight:700;letter-spacing:.06em;line-height:1.3;margin-top:2px;}
article aside .assinatura .bio_autor{font-size:13px;color:var(--sj-cinza-texto);text-align:left;line-height:1.55;padding:6px 0 0;}

article .relacionados { width: 100%; height: auto; padding-bottom: 30px; position: relative; clear: both; overflow: hidden; margin-top: 40px; }
article .relacionados .tag { width: 100%; text-align: left; color: #4ba5a5; font-size: 24px; line-height: 80px; font-family: var(--fonte-padrao); font-weight: 600; }
article .relacionados ul { width: 100%; height: auto; padding: 25px 0px 0px 0px; position: relative; clear: both; overflow: hidden; }
article .relacionados ul li { width:365px; height: 480px; margin-right: 10px; padding: 0px 10px 10px 10px; display: inline-block; vertical-align: top; position: relative; overflow: hidden; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }

article .relacionados ul li .avatar { width: 100%; aspect-ratio: 365 / 250; margin: 10px 0 5px; position: relative; overflow: hidden; vertical-align: top; display: block; transition: all .5s ease; border-radius: 15px; background: #eaeaea; }
article .relacionados ul li .avatar:before { content:''; position:absolute; width:100%; height:100%; left:0px; top:0px; background: rgb(15,42,95); background: linear-gradient(130deg, rgba(255,255,255,0) 0%, rgba(15,42,95,1) 100%); z-index:9; pointer-events:none; }
article .relacionados ul li .avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; margin: 0 !important; transition: transform .5s ease; transform: scale(1.0); }

article .relacionados ul li .infos { width: 100%; height: auto; margin: 0px; padding: 0px 0px 10px 0px;  -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
article .relacionados ul li .infos .tituloo { width: 100%; padding: 5px 0px 10px 0px; height: auto; color: var(--cor-destaque); font-size: 18px; font-weight: 700; line-height: 22px; font-family: var(--fonte-padrao); text-align: left; }
article .relacionados ul li .infos .introducaoo { font-size: 13px; color: var(--cor-texto); font-weight: 400; font-family: var(--fonte-padrao); text-align: left; width: 100%; height: auto; line-height: 22px; padding: 0px 0px 10px 0px; }
article .relacionados ul li .infos .veja { font-size: 14px; color: var(--cor-primaria); font-weight: 400; font-family: var(--fonte-padrao); text-align: left; width: 100%; position: relative; height: 30px; line-height: 30px; }
article .relacionados ul li .infos .veja .iconeCalendar { width: 16px; height: 30px; background: url(../imagens/data-publicacao.png) no-repeat center center; float: left; margin-right: 8px; }
article .relacionados ul li .infos .veja p { color: var(--cor-primaria); font-size: 12px; line-height: 30px; float: left; }
article .relacionados ul li .infos .veja .autor_mais { width: 30px; height: 30px; margin: 0px; position: relative; float: right; overflow: hidden; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
article .relacionados ul li .infos .veja .autor_mais img { width: 30px; height: 30px; margin: 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
article .relacionados ul li:hover { text-decoration: none; }
article .relacionados ul li:hover .infos, article .relacionados ul li:hover a { text-decoration: none; }
article .relacionados ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

article .relacionados #pager2, article .relacionados #pager { width: 100%; height: 10px; margin: 15px 0px 0px 0px; text-align: center; position: relative; }
article .relacionados #pager2 a, article .relacionados #pager a { display: inline-block; width: 14px; height: 8px; margin: 0 5px; background-color: #b6b6b6; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease;  overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
article .relacionados #pager2 a:hover, article .relacionados #pager a:hover { background-color: rgba(136, 186, 199, 0.5); }
article .relacionados #pager2 a span, article .relacionados #pager a span { display: none; }
article .relacionados #pager2 a.selected, article .relacionados #pager a.selected { background: var(--cor-texto); width: 40px; }

/*.twitter-tweet { width:100% !important; max-width:100% !important; position:relative !important; display: block !important; }
.twitter-tweet iframe { width:100% !important; }
.twitter-tweet iframe #app > div { width:100% !important }*/

.galeria { width: 100%; height: auto; position: relative; padding: 30px 0px; clear:both; }
.galeria ul { width: 100%; height: auto; position: relative; list-style-type: none; }
.galeria ul li { overflow: hidden; width: 240px; height: 240px; aspect-ratio: 1 / 1; position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 20px 10px; border-radius: 15px; background: #eaeaea; }
.galeria ul li a { display: block; width: 100%; height: 100%; }
.galeria ul li img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; position: relative; transition: all 0.3s ease; }
.galeria ul li:hover img { opacity: 0.7 }
.galeria #pager1 { width: 100%; height: 10px; text-align: center; position: absolute; float: left; }
.galeria #pager1 a { width: 8px; height: 8px; margin: 0 4px; display: inline-block; background: #eaeaea; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.galeria #pager1 a:hover { background-color: var(--cor-destaque); }
.galeria #pager1 a span { display: none; }
.galeria #pager1 a.selected { background: var(--cor-secundaria); width: 20px; }

@media screen and (max-width: 1100px) {
	.breadcrumb { padding: 70px 2% 0px 2%; width: 96%; }
	.breadcrumb ul li.ultimo { display: none; }

	article { float: none; width: 96%; margin: 0px 2% 0px 2%; }
	article .infos .data_redes { padding-bottom: 15px; text-align: center; }
	article .infos .data_redes .quando { width: 100%; text-align: center; }
	article .infos .data_redes .quando p { float: none; font-size: 15px; }
	article .infos .data_redes .quando .iconeCalendar { display: none; }
	article .infos .data_redes #shareRoundIcons { text-align: center; width: 100%; padding-top: 15px; }
	article .infos h1 { padding: 0px 0px 15px 0px; text-align: center; font-size: 22px; line-height: 24px; }
	article .infos h2 { padding-top: 0px; }
	article .infos h2,
	article .infos h2 p,
	article .infos p,
	article .infos p span { line-height: auto !important; text-align: center; }
	article .infos h3 { text-align: center; line-height: auto !important; font-size: 18px; }
	article .infos .veja { height: auto; padding: 15px 0px; text-align: center; }
	article .infos .data_redes .categoria_post { float: none; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
	article .infos .data_redes .autor_post { display: none; }

	article aside { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: auto; margin: 40px 0px; padding: 15px 15px 10px 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; }
	article aside .imagem { width: 70px; height: 70px; background-color: #4ba5a5; overflow: hidden; margin: 15px; }
	article aside .assinatura { width: 100%; }
	article aside .assinatura .nome_autor, article aside .assinatura p, article aside .assinatura .bio_autor { text-align: center; }

	article .infos .referencias,
	article .infos .tags { text-align: center; padding-right: 0px }
	article .infos .tags .chama { clear: both; margin-bottom: 10px; width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 20px; text-align: center; }
	article .infos .tags .chama, article .infos .tags .itens { float: none; display: inline-block; margin-bottom: 4px; }

	article .relacionados ul { text-align: center; }
	article .relacionados ul li { display: inline-block; vertical-align: top; float: none; }
}