@charset "utf-8";
/* CSS Document */





/* == FONTES =============================================================================== */
/* ========================================================================================= */


@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');





/* == GERAL ================================================================================ */
/* ========================================================================================= */


body .puc_efeito_sumir {
	  visibility:hidden;
	  display:none;
	  width:0;
	  height:0;
	  opacity:0; }

body .puc_efeito_aparecer { }

body .puc_efeito_aparecer_animado { 
	  animation-name:animaparecer;
	  animation-duration:0.25s;
	  opacity:1;
	  /* transform:scaleY(1); */
	  transform-origin:top;
	  transition:1s all; }
	
	  @keyframes animaparecer {
      0%   { opacity:0; transform:scaleY(0); }
	  100% { opacity:1; transform:scaleY(1); } }


body {
	margin:0;
	padding:0;
	font-family:"Literata", serif;
	font-weight:400;
	font-size:0.95em;
	line-height:1.5em;
	color:#000000; }

#geral {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0; }


img {
	border-radius:3px;
	max-width:100%; }


a:link, a:visited {
	color:#000000;
	transition:0.3s all;
	text-decoration:underline;
	word-break:break-all; }
	
	.link_azul:link, .link_azul:visited { display:inline-block; padding:10px 0 10px 0; color:#4646FF; }
	
	a:hover { color:#4646FF; }




h1, h2, h3, h4, h5 {
	font-family:"Rethink Sans", sans-serif;
	color:#000000;
	line-height:1.1em; }
	
	.azul h1, .azul h2, .azul h3, .azul h4, .azul h5 { color:#F5F5F0; }

	h1 { font-size:3.5em; font-weight:500; margin:0 0 0 -4px; line-height:0.9em; }
	h2 { font-size:1.2em; font-weight:400; margin:0; line-height:0.9em; }
	h3 { font-size:3.18em; font-weight:500; margin:-5px 0 30px 0; }
	h4 { font-size:2.1em; font-weight:500; margin:0; }
	h5 { font-size:1.5em; font-weight:500; margin:-5px 0 0 0; line-height:1.2em; }

	.reitor h3 { margin-top:36px; }
	.reitor h4 { padding-top:2px; font-size:2em; font-weight:400; }
	.destaques h4 { margin:-5px 0 16px 0; font-weight:500; }
	.outros h3 { margin-bottom:23px; }
	.nomeacoes h3 { margin-bottom:0; }
	#rodape h4 { font-size:1.8em; font-weight:400; }


.colunas_corrido {
	column-count:2;
	column-gap:30px;
	margin:30px 0 0 0; }
	
.colunas_unico {
	column-count:1;
	margin:40px 0 0 0; }
	
	.destaques .puc_efeito_aparecer {
		column-count:1;
		margin:-6px 0 36px 0; }
	
	@media (max-width:799px) {
	.colunas_corrido { column-count:1; } }

	.colunas p:first-child,
	.colunas_corrido p:first-child,
	.colunas_unico p:first-child,
	.destaques .puc_efeito_aparecer_animado p:first-child { margin-top:0; }
	
	.colunas p:last-child,
	.colunas_corrido p:last-child,
	.colunas_unico p:last-child,
	.destaques .puc_efeito_aparecer_animado p:last-child { margin-bottom:0; }

.colunas,
.colunas_destaques {
	display:flex;
	flex-wrap:wrap;
	gap:30px 30px;
	box-sizing:border-box;
	margin:0 0 36px 0; }

.colunas_destaques {
	display:flex;
	flex-wrap:wrap;
	gap:25px 25px;
	box-sizing:border-box;
	margin:0 0 36px 0; }

.w100, .w75, .w50, .w66, .w33, .w25,
.w20, .w16, .w14, .w12, .w11, .w10,
.w100_mobile, .w75_mobile, .w50_mobile, .w66_mobile, .w33_mobile, .w25_mobile,
.w20_mobile, .w16_mobile, .w14_mobile, .w12_mobile, .w11_mobile, .w10_mobile,
.colunas_destaques .col_esq,
.colunas_destaques .col_dir {
	box-sizing:border-box; }


/* COLUNAS DESKTOP OU FIXAS */

.w100 { width:100%; min-width:100%; }
.w75  { width:calc(75% - 7.5px); min-width:calc(75% - 7.5px); }
.w75  { width:calc(75% - 7.5px); min-width:calc(75% - 7.5px); }
.w50  { width:calc(50% - 15px); min-width:calc(50% - 15px); }
.w66  { width:calc(66.66666% - 10px); min-width:calc(66.66666% - 10px); }
.w33  { width:calc(33.33333% - 20px); min-width:calc(33.33333% - 20px); }
.w25  { width:calc(25% - 22.5px); min-width:calc(25% - 22.5px); }
.w20  { width:calc(20% - 24px); min-width:calc(20% - 24px); }
.w16  { width:calc(16.66666% - 25px); min-width:calc(16.66666% - 25px); }
.w14  { width:calc(14.28571% - 25.71428px); min-width:calc(14.28571% - 25.71428px); }
.w12  { width:calc(12.5% - 26.25px); min-width:calc(12.5% - 26.25px); }
.w11  { width:calc(11.11111% - 26.66666px); min-width:calc(11.11111% - 26.66666px); }
.w10  { width:calc(10% - 27px); min-width:calc(10% - 27px); }

.colunas_destaques .col_esq { width:355px; min-width:355px; }
.colunas_destaques .col_dir { width:calc(100% - 380px); min-width:calc(100% - 380px); }


/* COLUNAS MOBILE */

@media (max-width:799px) {

.w100_mobile,
.colunas_destaques .col_esq,
.colunas_destaques .col_dir { width:100%; min-width:100%; }
.w75_mobile  { width:calc(75% - 7.5px); min-width:calc(75% - 7.5px); }
.w50_mobile  { width:calc(50% - 15px); min-width:calc(50% - 15px); }
.w66_mobile  { width:calc(66.66666% - 10px); min-width:calc(66.66666% - 10px); }
.w33_mobile  { width:calc(33.33333% - 20px); min-width:calc(33.33333% - 20px); }
.w25_mobile  { width:calc(25% - 22.5px); min-width:calc(25% - 22.5px); }
.w20_mobile  { width:calc(20% - 24px); min-width:calc(20% - 24px); }
.w16_mobile  { width:calc(16.66666% - 25px); min-width:calc(16.66666% - 25px); }
.w14_mobile  { width:calc(14.28571% - 25.71428px); min-width:calc(14.28571% - 25.71428px); }
.w12_mobile  { width:calc(12.5% - 26.25px); min-width:calc(12.5% - 26.25px); }
.w11_mobile  { width:calc(11.11111% - 26.66666px); min-width:calc(11.11111% - 26.66666px); }
.w10_mobile  { width:calc(10% - 27px); min-width:calc(10% - 27px); }

}





/* == TOPO ================================================================================= */
/* ========================================================================================= */


#topo {
	position:relative;
	font-family:"Rethink Sans", sans-serif;
	font-weight:300;
	line-height:1.2em; }

#topo_info {
	position:relative;
	z-index:10; }

#topo_brasao {
 	background:url('imagens/img_news_topo_brasao-25_v2.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:contain;
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	bottom:0; }

#topo_info p {
	font-size:1.2em;
	line-height:1.15em; }

@media (min-width:761px) {

	#topo_info { padding:55px 0 20px 60px; }
	#topo_info p { margin:10px 0 100px 0; }
	#topo_brasao {} }

@media (min-width:645px) and (max-width:760px) {

	#topo_info { padding:30px 100px 20px 30px; }
	#topo_info p { margin:10px 0 50px 0; }
	#topo_brasao { max-width:180px; } }

@media (min-width:470px) and (max-width:644px) {

	#topo_info { padding:30px 100px 20px 30px; }
	#topo_info p { margin:10px 0 50px 0; }
	#topo_brasao { max-width:180px; } }

@media (max-width:469px) {

	#topo_info { padding:30px 180px 20px 30px; }
	#topo_info p { margin:10px 0 50px 0; }
	#topo_brasao { max-width:180px; } }



/* == CONTEUDO ============================================================================= */
/* ========================================================================================= */


.secao { padding:60px; }
@media (max-width:799px) {
.secao { padding-left:30px; padding-right:30px; } }

	.branco { background:#FFFFFF; }
	.offwhite { background:#F5F5F0; }
	.cinza { background:#CDCAC1; }
	.azul { background:#030053; color:#F5F5F0; }
	
	.reitor { padding-bottom:34px; }
	.destaques { padding-top:40px; padding-bottom:20px; }
	.nomeacoes { padding-top:0; padding-bottom:40px; }
	.outros { padding-bottom:3px; }


.legenda {
	font-family:"Rethink Sans", sans-serif;
	font-size:0.8em;
	line-height:1.23em;
	display:block;
	margin-top:3px; }


.leiamais {
	display:inline-block;
	padding:5px 0 0 0;
	font-size:1.15em;
	font-weight:400; }


.outros strong {
	display:inline-block;
	margin-bottom:7px;
	font-size:1.1em; }

.outros p {
	padding-bottom:35px; }

.nomeacoes p { margin:5px 0 35px 0; }


#m01, #m02, #m03, #m04, #m05, #m06, #m07, #m08, #m09, #m10 { margin-bottom:36px; }
	
	@media (max-width:799px) {
	#m01, #m02, #m03, #m04, #m05, #m06, #m07, #m08, #m09, #m10 { margin-top:-23px; } }




/* == NOMEAÇÕES ============================================================================ */
/* ========================================================================================= */


.card,
.card:link,
.card:visited {
	position:relative;
	transition:0.3s all;
	line-height:1.2em;
	font-family:"Rethink Sans", sans-serif;
	font-size:1.2em;
	font-weight:400;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-end;
	width:250px;
	box-sizing:border-box;
	border-radius:3px;
	padding:24px 30px 25px 30px;
	background-color:#030053;
	color:#F5F5F0; }

.card .material-symbols-outlined {
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	transform-origin:bottom right;
	transition:0.3s all;
	padding:0;
	height:auto;
	margin:0px -8px -5px 0;

	font-family:'Material Symbols Outlined';
	font-weight:normal;
	font-style:normal;
	font-size:24px;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	white-space:nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale; }

	.card:hover .material-symbols-outlined {
		transform:scale(1.2); }

.card .texto { width:100%; }





/* == RODAPÉ =============================================================================== */
/* ========================================================================================= */


#rodape { padding-bottom:74px; margin-bottom:0 !important; }

#rodape .w50 { display:flex; }

	#rodape .w50:nth-child(1) { justify-content:flex-start; align-items:flex-end; }
	#rodape .w50:nth-child(2) { justify-content:flex-end; }

	@media (max-width:799px) {
	#rodape .w50:nth-child(1),
	#rodape .w50:nth-child(2) { justify-content:center; } }

#rodape_redes {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	max-width:100%;
	width:250px; }

	#rodape_redes img {
		width:40px;
		margin-bottom:0;
		border-radius:0;
		transition:0.3s all; }
		
		#rodape_redes img:hover { transform:scale(1.2); }


#rodape .w50:nth-child(2) img { width:100px; }




