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

	.super-destaque { position: relative; z-index: 1; overflow: hidden; }
	.super-destaque img { position: relative; z-index: 1; width: 100%; }
	.super-destaque .chamada {
		width: 100%; position: absolute; z-index: 3;
		text-align: center; margin: 0 auto;
		bottom: 12%; 
	}
	.super-destaque .chamada h1, .super-destaque .chamada .texto-suporte {
		max-width: 750px; margin-left: auto; margin-right: auto;
		color: #fff; line-height: 1;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.40);
	}
	.super-destaque .chamada .texto-suporte { font-weight: bold; font-size: 1.2em; line-height: 1.2 }
	.super-destaque .overlay { top: 0; width: 100%; position: absolute; z-index: 2; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	
	.super-destaque .chamada h1 { font-weight: bold; }
	.super-destaque .botao { font-size: 24px; padding-top: 20px; padding-bottom: 20px; }
	.super-destaque .botao-abaixo { width: 100%; position: absolute; bottom: 0; z-index: 2; }
		
	
	body.home .super-destaque .chamada, body.page-id-5 .super-destaque .chamada {
		padding-top: 20px;
		background-color: rgba(45,79,158,0.8);
	}
	body.home .super-destaque .chamada h2.mb-30, body.page-id-5 .super-destaque .chamada h2.mb-30 {
		margin-bottom: 20px !important;
	}
	
		

/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
@media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {

	.super-destaque img { margin-top: -50px; }
	
}



/* -------------------------------------------------------------- */			
/* Tablet na horizontal & telas antigas 1024x768 */			
@media only screen and (min-width: 981px) and (max-width: 1279px) {

	
	
}




/* -------------------------------------------------------------- */			
/* Tablet na vertical & telas antigas 800x600 */			
@media only screen and (min-width: 768px) and (max-width: 980px) {

	
	
}


/* -------------------------------------------------------------- */			
/* Comum a mobile vertical, horizontal e tablets */
@media only screen and (max-width: 980px) {
	
	.super-destaque { max-height: 100% !important; }
	
	.super-destaque .chamada h1 { font-size: 1.5em !important; max-width: 90%; }	
	.super-destaque .chamada .texto-suporte { font-size: 1.1em !important; max-width: 90% !important; }
	.super-destaque .botao { font-size: 16px; font-weight: normal; }
	.super-destaque .botao .svg-tam-24 .svg-inline--fa { width: 16px; height: 16px; }
	
	
}
	

	
/* -------------------------------------------------------------- */			
/* Comum a mobile vertical e horizontal */
@media only screen and (max-width: 767px) {

	.super-destaque .chamada { padding: 30px; position: static; }
	.super-destaque .overlay { height: auto !important; }
	.super-destaque .chamada .texto-suporte { font-weight: normal; margin-bottom: 20px !important; }
	.super-destaque .chamada h1, .super-destaque .chamada .texto-suporte {
		text-shadow: none;
	}
	.super-destaque .botao-abaixo {
	    position: static;
	    max-width: none;
		background-color: #2d4f9e;
		margin: -30px auto 0 auto;
		padding-bottom: 20px;
	}
	.super-destaque .botao-abaixo a { max-width: 250px; }
}



/* -------------------------------------------------------------- */			
/* Mobile horizontal */			
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.super-destaque .chamada { top: 100px; }
	.super-destaque .chamada h1 { font-size: 1.2em !important; }	
	.super-destaque .chamada .texto-suporte { margin-top: 10px !important; font-size: 1.1em !important; }	
					
}




/* -------------------------------------------------------------- */			
/* Mobile na vertical */	
@media only screen and (max-width: 479px) {
	
	.super-destaque .chamada { top: 100px }
	.super-destaque .chamada h1 { font-size: 1.1em !important; }	
	.super-destaque .chamada h2 { margin: 16px auto !important; }
	.super-destaque .botao {
		font-size: 16px; font-weight: normal;
	}
	
}