@charset "utf-8";
/* CSS Document */



/* ======================================================================================= FONTES === */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */



/* FONTES PUC

'Roboto'
Opções de font-weight: 100 / 300 / 400 / 500 / 700 / 900

'Roboto Condensed'
Opções de font-weight: 300 / 400 / 700 */


/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Rasa:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');




/* ========================================================================== ESTILOS ESPECÍFICOS === */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */
/* ================================================================================================== */



/* ----- AQUI ENTRA OS ESTILOS ESPECÍFICOS PARA O DEPTO/UNID -----
Para sobressair qualquer estilo já existente usar o ID do depto/unid (localizado no body)
antes do nome da classe/id OU o termo "!important" */




/* ========== TODAS AS PÁGINAS ========== */




/* ----- DIVERSOS ----- */


.material-symbols-outlined {
	font-variation-settings:
	'FILL' 1,
	'wght' 700,
	'GRAD' 0,
	'opsz' 48 }


.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48 }


.material-symbols-rounded {
	font-variation-settings:
	'FILL' 1,
	'wght' 700,
	'GRAD' 0,
	'opsz' 48 }


body {
	/*font:1em 'Nunito Sans';*/
	color:#555555;
	margin:0;
	padding:0; }


.template_index #link_index {
	display:none;
	visibility:hidden; }


header {
	margin-bottom:0; }


#topo {
	position:relative;
	padding:0; }


.vris article {
	line-height:1.7em; }

/*----- TTLs em H1,h2,h3.h4.h5 -----*/
h4{margin: 50px 0 15px 0;}









/* ----- BRASAO E IMAGEM PRINCIPAL ----- */


/* @media (min-width:900px) { */


#imagem_principal {
	position:relative; }

	#imagem_principal img {	width:100%; }
	
	#imagem_principal_texto {
		color:#FFFFFF;
		position:absolute;
		/*font-family:'Nunito Sans';*/
		padding:50px 0 0 3%;
		width:100%;
		height:100%;
		left:0;
		top:0;
		font-size:1.7em;
		font-weight:300;
		letter-spacing:0.5px;
		box-sizing:border-box;
		background:url('/sobrepuc/admin/vrinfra/imagens/bkg_vidro.png');
		background-repeat:no-repeat;
		background-position:top left;
		text-shadow:0 0 15px rgba(0,0,0,0.3); }

		#imagem_principal_texto h3 {
			margin:0 0 15px 0;
			color:#FFFFFF;
			font-family:'Nunito Sans';
			font-weight:700; }

		#imagem_principal_texto p {
			margin:0;
			line-height:1.5em; }


@media (max-width:619px) {

#imagem_principal_texto {
position: absolute;
	font-size:1.0em;
padding: 80px 3% 25px 10%;
background:url('/sobrepuc/admin/vrinfra/imagens/bkg_vidro.png');} 
	
	#imagem_principal_texto h3 {
	margin: 15px 0 5px 0; }

}



/*----- TEXTO DE INTRODUÇÃO DAS PÀGINAS -----*/
.introducao{font-size: 1.3em;}
.equipe-foto{background:#f5f5f5; font-size:0.8em; padding:10px; box-shadow: 0px 0px 5px #BDBDBD; line-height:1.4em; margin:10px auto; box-sizing:border-box; width:fit-content; }

#sobrepuc ul li::before { content: no-close-quote"" !important;}

@media (max-width:800px) { 
	.equipe-foto{margin-right:0;  width: auto;}	
	.equipe-foto img {width: 100%;}
}


/* ----- CONTATOS ----- */


#contatos {
	margin:20px; }
	
	.template_interna_n1 #contatos {
		background:#0000001a;
		margin:0 0 0 0; }

#contatos_ttl {
	background:#000000;
	color:#FFFFFF;
	padding:20px;
	text-align:center;
	margin:0 auto 0 auto;
	width:250px;
	font-size:1.2em; }

#contatos_inner {
	display:flex; }

#contatos_esquerda, #contatos_direita {
	width:calc(100% - 2px);
	box-sizing:border-box;
	padding-top:30px; }

#contatos_esquerda {
	text-align:right;
	padding-bottom:20px; }
	
	#contatos_esquerda p {
		background:url(/sobrepuc/admin/vrinfra/imagens/bkg_contatos.png);
		background-repeat:no-repeat;
		background-position:right 11px;
		background-size:auto 3px;
		padding:0 57px 25px 0;
		margin:0 -1px 0 0; }

#contatos_linha_vertical {
	width:2px;
	margin-bottom:75px;
	border:1px solid #000000;
	background:#000000; }

#contatos_direita {
	padding-bottom:20px; }

	#contatos_direita p {
		background:url(/sobrepuc/admin/vrinfra/imagens/bkg_contatos.png);
		background-repeat:no-repeat;
		background-position:left 11px;
		background-size:auto 3px;
		padding:0 0 25px 57px;
		margin:0 0 0 0; }




/* ----- QUADROS LIGHTBOX ----- */


.quadro_lightbox {
	background:#FFFFFF;
	border-radius:10px;
	padding:20px;
	width:600px;
	max-width:100%;
	box-sizing:border-box;
	text-align:center; }

	.quadro_lightbox_ttl {
		color:#0CB4CE;
		font-size:1.2em;
		padding-top:10px;
		display:block; }
	
	.quadro_lightbox input {
		background:#EEEEEE;
		border:1px solid #CCCCCC;
		border-radius:0;
		padding:5px;
		font-family:'Nunito Sans';
		font-size:1em;
		color:#555555; }

	.quadro_lightbox .link_btt {
		width:250px; }

	.quadro_lightbox button:hover {
		background:#006C9C;
		cursor:pointer; }








/* ========== INDEX ========== */




/* ----- INDEX > LINKS 3 COLUNAS ----- */


#index_links3cols,
#index_links4cols {
	margin:45px 0 45px 0; }

	#index_links3cols a:link, #index_links3cols a:visited,
	#index_links4cols a:link, #index_links4cols a:visited {
		text-decoration:none;
		color:#555555;
		transition:0.3s color, 0.3s transform, 0.3s box-shadow;
		box-shadow:0 0 8px rgba(0,0,0,0.2);
		line-height:1.3em; }
	
		#index_links3cols a:hover,
		#index_links4cols a:hover {
			color:#006C9C;
			transform:scale(1.1);
			box-shadow:0 0 15px rgba(0,0,0,0.25); }
		
		#index_links3cols .puc_layout_coluna_3cols_interno,
		#index_links4cols .puc_layout_coluna_4cols_interno {
			margin-bottom:0; }

		#index_links3cols img,
		#index_links4cols img {
			display:block;
			width:100%; }
			
		#index_links3cols span,
		#index_links4cols span {
			display:block;
			padding:13px 15px 13px 15px;
  			margin-bottom: 20px;}
		
		#index_links3cols strong,
		#index_links4cols strong {
			display:block;
			margin-bottom:5px; }




/* ----- ATENDIMENTO ----- */


#atendimento {
	background:#CACACA;
	margin:0 0 25px 0;
	padding:0 !important;
	display:flex;
	position:relative;
	line-height:1.3em; }
	
	#atendimento p { 
		margin:30px 0 15px 0;
		font-size:1.2em;
		font-weight:700; }


#atendimento_institucional {
	background:url('/sobrepuc/admin/vrinfra/imagens/bkg_atendimento_01.gif'),#E8E8EE;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:right;
	width:66%; }

#atendimento_institucional h3{ margin: 50px;}
#atendimento_institucional span{ color: #474747; font-size: 0.8em;}

	#atendimento_institucional p {
		position:absolute;
		left:3%; }


#atendimento_contatos {
	width:34%;
	box-sizing:border-box;
	padding:0 3% 0 3%; }
	
	#atendimento_contatos a:link, #atendimento_contatos a:visited {
		display:flex;
		align-items:center;
		padding:8px 0 9px 60px;
		color:#555555;
		text-decoration:none;
		transform-origin:center left;
		transition:0.3s color, 0.3s background, 0.3s padding;
		min-height:61px;
		box-sizing:border-box;
		position:relative; }
	
	#atendimento_contatos a:hover { 
		color:#006C9C;
		background:#D9D9D9;
		padding:8px 0 9px 65px; }
	
	#atendimento_contatos img {
		height:calc(100% - 20px);
		position:absolute;
		left:10px;
		top:10px;
		transition:0.3s transform; }
		
	#atendimento_contatos a:hover img {
		transform:scale(1.2); }
	
	#atendimento_contatos .link_btt:link, #atendimento_contatos .link_btt:visited {
		padding:9px 12px 8px 12px !important;
		margin:15px 0 30px 0;
		justify-content:center;
		align-items:center;
		font-size:1.1em;
		font-weight:700;
		width:100%;
		box-sizing:border-box; }
		
		#atendimento_contatos .link_btt:hover { background:#006C9C; }



@media (max-width:619px) {
	
	#atendimento { display:block; }

	#atendimento_institucional,
	#atendimento_contatos { display:block; width:100%; } 

	#atendimento_institucional { background:none; }
	
	#atendimento_institucional p { position:relative; left:0; margin: 30px 3% 20px 3%; }

	#atendimento_contatos .link_btt:link, #atendimento_contatos .link_btt:visited,
	#atendimento_contatos a:link, #atendimento_contatos a:visited { width:100%; } }


/* ----- PÁGINA DE ATENDIMENTO GERAL VRIS ----- */


.atendimento_geral #atendimento_contatos { width:100%; }


.caixa_azul_links_a,
.caixa_azul_links_b,
.caixa_azul_links_c {
	width:100%;
	padding:25px;
	background:#02c9db;
	margin:30px 0 0 0;
	box-sizing:border-box; }
	
	.caixa_azul_links_a a:hover,
	.caixa_azul_links_b a:hover,
	.caixa_azul_links_c a:hover { 
		color:#FFFFFF !important; }

	.caixa_azul_links_a { margin-top:0; }

	.atendimento_geral .caixa_azul_links_a h5,
	.atendimento_geral .caixa_azul_links_b h5,
	.atendimento_geral .caixa_azul_links_c h5 {
		font-family:'Nunito Sans';
		font-size:1.2em;
		font-weight:700;
		color:#FFFFFF !important;
		padding:0;
		margin:0; }








/* ========== INTERNAS ========== */




/* ----- DIVERSOS ----- */


.template_interna_n1 article {
	padding-top:0;
	margin-top:0; }


.template_interna_n1 h2 {
	background:#000000;
	color:#FFFFFF !important;
	margin-top:-7px;
	box-sizing:border-box;
	font-family:'Nunito Sans';
	font-weight:300;
	padding:17px 23px 20px 23px;
	letter-spacing:0.5px; }
	
	.template_interna_n1 h2 { width:65.4%; }

@media (max-width:619px) {
	.template_interna_n1 h2 { width:100%; }
}
	
	.template_interna_n1 .puc_layout_area-inicial_esquerda h2 { width:100%; }
	
	.template_interna_n1 h2 .puc_texto_menor {
		display:block;
		font-size:0.7em; }


.template_interna_n1 h3 {
	font-family:'Nunito Sans';
	font-weight:300;
	color:#000000 !important; }






/* ----- COLUNA LATERAL ----- */


#lateral {
	background:url(/sobrepuc/admin/vrinfra/imagens/bkg_lateral.png),#F1F1F1;
	background-repeat:no-repeat;
	background-position:top;
	background-size:100% auto;
	padding:35px;
	padding-top:calc(5% - 20px);
	box-sizing:border-box;
	margin-top:150px;
	align-self:flex-start; }
	
	#lateral_imagem { margin-top:150px; }

#lateral h4 {
	font-family:'Nunito Sans';
	font-size:1.3em;
	font-weight:700;
	color:#555555;
	margin:30px 0 15px 0; }


#lateral a:link, #lateral a:visited {
	display:block;
	color:#006C99;
	position:relative; }
	
	#lateral a:hover {
		text-decoration:none;
		color:#6CACE1; }


#lateral_links_sobre {}

	#lateral_links_sobre a:link, #lateral_links_sobre a:visited {
		padding:0 0 1px 30px; }

	#lateral_links_sobre .material-symbols-outlined {
		position:absolute;
		left:-15px;
		top:0px;
		font-size:1.8em;
		opacity:0;
		transition:0.3s left, 0.3s opacity;
		color:#00CADD; }
		
		#lateral_links_sobre a:hover .material-symbols-outlined {
			left:-2px;
			opacity:1; }


#lateral_links_muralinfo {}

	#lateral_links_muralinfo a:link, #lateral_links_muralinfo a:visited {
		line-height:1.5em;
		margin-bottom:12px;
		color:#555555; }

	#lateral_links_muralinfo a:link strong, #lateral_links_muralinfo a:visited strong {
		color:#006C99;
		transition:0.3s color; }
		
	#lateral_links_muralinfo a:hover,
	#lateral_links_muralinfo a:hover strong {
		color:#6CACE1; }

	#lateral_links_muralinfo .material-symbols-outlined {
		display:inline-block;
		background:#00CADD;
		color:#FFFFFF;
		transition:0.3s transform;
		margin-top:5px;
		padding:0 1px 0 0; }
		
		#lateral_links_muralinfo a:hover .material-symbols-outlined {
			transform:rotate(90deg); }
	
	#lateral_links_muralinfo a:last-child { margin-bottom:0; }


	#lateral_links_muralinfo .link_btt {
		display:inline-block !important;
		position:relative;
		padding-right:27px;
		margin-top:7px; }
	
	#lateral_links_muralinfo .link_btt .material-symbols-outlined {
		font-size:0.9em;
		background:none;
		position:absolute;
		padding:0;
		top:6px;
		right:7px; }



/* ----- LINKS BOTÃO ----- */


.vris .link_btt:link, .vris .link_btt:visited {
		display:inline-block;
		background:#00CADD;
		color:#FFFFFF !important;
		padding:5px 10px 5px 10px;
		font-family:'Nunito Sans';
		font-size:1em;
		border:0;
		text-decoration:none;
		transition:0.3s background; }

	.vris .link_btt:hover {
		background:#006C9C;
		color:#FFFFFF !important;
		text-decoration:none; }




/* ----- JANELA DE FORMULÁRIO DE ATENDIMENTO ----- */


#atendimento_brasao {
	position:absolute;
	left:3%;
	top:0;
	width:7.65%;
	height:87%; }
	
	#atendimento_brasao a {
		background:#FFFFFF;
		display:block;
		padding:3px 5px 0 5px; }
	
	.atendimento #imagem_principal { width:100%; }


.atendimento h2 {
	width:83% !important;
	font-size:2em; }

.atendimento form {
	max-width:100%; }
	
.atendimento table {
	margin:0;
	width:100%; }
	
	.atendimento td {  }
	
	.atendimento tr td:first-child {
		width:21%;
		vertical-align:top;
		text-align:right;
		padding-top:15px; }

.atendimento form button {
	color:#FFFFFF;
	border:0;
	border-radius:0;
	font-family:'Nunito Sans';
	font-size:1em;
	letter-spacing:0.5px;
	font-weight:600;
	padding:7px 10px 7px 10px;
	transition:0.3s background; }
	
	.atendimento form button:hover { cursor:pointer; }
	
	.atendimento form button:nth-child(1) { background:#00CADD; margin-right:15px; }
	
	.atendimento form button:nth-child(2) { background:#AAAAAA; }

	.atendimento form button:nth-child(1):hover { background:#006C9C; }
	
	.atendimento form button:nth-child(2):hover { background:#777777; }




/* ----- Materia destaque da primeira página ----- */

#materia-destaque {max-width: 1200px; margin: 80px auto 40px auto;}

	#materia-destaque:link , #materia-destaque:visited, #materia-destaque:link h3 , #materia-destaque:visited h3 {
		text-decoration:none;
		color: #1A73A0;
		transition:0.3s color, 0.3s transform;
		line-height:1.3em;
		}
	
		#materia-destaque:hover {
			color:#F5F5F0;
			transform:scale(1.1); }

		#materia-destaque:hover h3 { color:#F5F5F0;  }

		#materia-destaque h3{margin: 150px auto auto auto; text-decoration: none;}





@media (max-width:619px) {
	#materia-destaque{ max-width: 90%; text-align: center;}
	#materia-destaque h3{margin: 50px auto auto auto; text-decoration: none;} 

}











/* ================================================================= MENU === */
/* ========================================================================== */


.vris #menu {
	font:1.05em 'Nunito Sans' !important;
	font-weight:600;
	max-width:1324px; }
	
	@media (max-width:1139px) {
	#menu { margin-top:0px !important; } }

	@media (min-width:1139px) and (max-width:1290px) {
	.vris #menu {
		font-size:0.925em !important; } }


#menu a,
#menu a:link, 
#menu a:visited, 
#menu a:hover, 
header button,
.menu_button_mobile {
	padding:17px 12px 19px 12px; }
	
	


/* ----- MENU COMUM A PARTIR DAQUI ----- */
/* ------------------------------------- */


/* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */

@media (min-width:1140px) {

	.vris header #puc_menu_faixa { background:#000000 !important; }
	/* fecha @media (min-width:1140px) */ }


/* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */

	.vris header #menu span { background:#000000 !important; }


/* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */

@media (min-width:1140px) {

	.vris header #menu { margin:1px 10px 0 10px; }
	.vris header #menu span { top:0; margin-top:-1px; }
	.vris header #menu a:link, 
	.vris header #menu a:visited { border-top:0; border-bottom:0; } 
	/* fecha @media (min-width:1140px) */ }


/* ----- MENU DESKTOP - LINKS ----- */

@media (min-width:1140px) {

	/* mouse out */
	.vris header #menu a:link,  
	.vris header #menu a:visited,
	.vris header #menu .puc_menu_submenu_linkmestre { 
		color:#A1DFFF !important;
		transition:0.3s all; }

	/* mouse over */
	.vris header #menu a:hover,
	.vris header #menu .puc_menu_submenu_linkmestre:hover,
	.vris header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre {
		color:#FFFFFF !important;
		background:none !important;
		transform:scale(1.1); } 
		
	/* fecha @media (min-width:1140px) */ }


/* ----- MENU MOBILE - LINKS ----- */

@media (max-width:1139px) {

	/* mouse out */
	.vris header #menu a:link, 
	.vris header #menu a:visited, 
	.vris header #menu .puc_menu_submenu_linkmestre {  
		color:#A1DFFF !important;
		background:#000000 !important;
		border-color:#000000 !important; }
		
	/* mouse over */
	.vris header #menu a:hover, 
	.vris header #menu .puc_menu_submenu_linkmestre:hover,
	.vris header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { 
		color:#FFFFFF !important;
		background:#000000 !important;
		border-color:#000000 !important; } 
	
	/* fecha @media (max-width:1139px) */ }


/* ----- MENU MOBILE - BOTÃO "MENU" ----- */

.vris header button {
	font:1.05em 'Nunito Sans' !important;
	font-weight:700;
	color:#FFFFFF !important;
	background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png);
	background-color: #000000 !important;
	background-repeat:no-repeat;
	background-position:0 10px !important; }












/* ----- MENU INTERNAS ----- */


#menu_interna {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:30px 0 30px 0; }


#menu_interna a:link, #menu_interna a:visited {
	background:#00CADD;
	color:#FFFFFF;
	display:flex;
	align-items:stretch;
	justify-content:center;
	text-align:center;
	font-weight:700;
	margin-bottom:20px;
	box-sizing:border-box;
	width:calc(25% - 15px);
	transition:0.3s background, 0.3s transform; }

	#menu_interna a .span_fora {
		position:relative;
		overflow:hidden;
		padding-top:100%;
		width:100%; }

		#menu_interna a .span_dentro {
			position:absolute;
			top:100%;
			left:0;
			width:100%;
			height:100%;
			margin-top:-100%;
			display:flex;
			align-items:center;
			justify-content:center;
			box-sizing:border-box;
			padding:15px;
			z-index:20;
			text-shadow:0 0 15px #00CADD;
			font-size:1.85vw;
			line-height:1.4em; }

		#menu_interna a .span_icone {
			position:absolute;
			top:100%;
			left:0;
			width:100%;
			height:100%;
			margin-top:-100%;
			display:flex;
			align-items:center;
			justify-content:center;
			box-sizing:border-box;
			padding:15px;
			z-index:19;
			font-size:13vw;
			color:#00BAD0; }

	#menu_interna .puc_texto_menor {
		font-weight:300; }

#menu_interna a:hover {
	text-decoration:none;
	background:#00BAD0;
	transform:scale(1.05); }


#menu_interna .link_largo {
	width:100% !important;
	padding:0;
	margin-bottom:0 !important; }

	#menu_interna .link_largo .span_fora {
		padding-top:8.8%;
		width:100%; }

	#menu_interna .link_largo .span_dentro {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:100%;
		margin-top:-8.8%; }

	#menu_interna .link_largo .span_icone {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin-top:0;
		justify-content:flex-start;
		font-size:5vw; }


#menu_interna .link_medio {
	width:calc(50% - 10px) !important;
	padding:0;
	margin-bottom:20px !important; }

	#menu_interna .link_medio .span_fora {
		padding-top:50%;
		width:100%; }

	#menu_interna .link_medio .span_dentro {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:100%;
		margin-top:-50%; }

	#menu_interna .link_medio .span_icone {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:100%;
		margin-top:-50%;
		display:flex;
		align-items:center;
		justify-content:center;
		box-sizing:border-box;
		padding:15px;
		z-index:19;
		font-size:13vw;
		color:#00BAD0; }



#menu_interna .link_pequeno {
	width:calc(33% - 10px) !important;
	padding:0;
	margin-bottom:20px !important; }

	#menu_interna .link_pequeno .span_fora {
		padding-top:60%;
		width:100%; }

	#menu_interna .link_pequeno .span_dentro {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:100%;
		margin-top:-60%;
		font-size:1.5vw; }

	#menu_interna .link_pequeno .span_icone {
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		height:100%;
		margin-top:-60%;
		display:flex;
		align-items:center;
		justify-content:center;
		box-sizing:border-box;
		padding:15px;
		z-index:19;
		font-size:13vw;
		color:#00BAD0; }