@import url(/assetmanager/scripts/style/tables.css);/*O CÓDIGO FONTE DESTE SITE É PROTEGIDO POR LEI PERTENCENTE APORTALL SYSTEM DESENVOLVIMENTO DE SISTEMAS LTDA - CNPJ 08.389.873/0001-40A CÓPIA  DESTE CÓDIGO PODERÁ RESULTAR EM PROCESSO JUDICIAL.*/@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&family=Satisfy&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');.nenhum{font-family:unset;font-size:unset;color:unset;font-weight:unset;font-style:unset;}input, button, textarea{box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important;}*, input, select, textarea, option, button { outline: none !important; }
/************** CLASSES DO GOOGLE */

.PlaywriteDEGrund{
font-family:'Playwrite DE Grund';
}
.Satisfy{
font-family:'Satisfy';
}
.UbuntuSans0100..800{

font-family:'Ubuntu Sans';
font-style:normal;
font-weight:100..800;} 

.UbuntuSans1100..800{

font-family:'Ubuntu Sans';
font-style:italic;
font-weight:100..800;} 

.Ubuntu0300{

font-family:'Ubuntu';
font-style:normal;
font-weight:300;} 

.Ubuntu0400{

font-family:'Ubuntu';
font-style:normal;
font-weight:400;} 

.Ubuntu0500{

font-family:'Ubuntu';
font-style:normal;
font-weight:500;} 

.Ubuntu0700{

font-family:'Ubuntu';
font-style:normal;
font-weight:700;} 

.Ubuntu1300{

font-family:'Ubuntu';
font-style:italic;
font-weight:300;} 

.Ubuntu1400{

font-family:'Ubuntu';
font-style:italic;
font-weight:400;} 

.Ubuntu1500{

font-family:'Ubuntu';
font-style:italic;
font-weight:500;} 

.Ubuntu1700{

font-family:'Ubuntu';
font-style:italic;
font-weight:700;} 

/************** CLASSES DO GOOGLE ¬ */

:root{
	--fontDefault:"Ubuntu Sans";
	--fontText:"Ubuntu Sans";
	--fontTitle:"Ubuntu Sans";
	--fontHand:"Playwrite DE Grund";
	--fontButton:"Ubuntu Sans";
	--colorFontTitle:#F1EFE7;
	--colorFontText:#F1EFE7;
	--borderRadius:10px;

	--corSlickActive:#F1EFE7;
	--corSlickHover:#ffbf33;
	--corSlick:#efefef; 

	--scroolFundo:#171C27;
	--scroolBar:#ffbf33;
	--scroolBarHover:#ffbf33;
			
	--swiper-bullet-size: 16px;
	--swiper-theme-color: #ffbf33 !important;
	--swiper-pagination-bullet-inactive-color: #f1efe790;
			
	--menu3-cor-fundo:transparent;
	--menu3-cor-hover:#F1EFE7;
	--menu3-cor-primaria:#F1EFE7;
	--menu3-cor-primaria-hover:#F1EFE7;
	--fontSizeMenu:20px;		

	--hciFastBar:#ffbf33 !important;
	--bgWhatsApp: #33a684;
			
	--colorBGform:#00000050;
	--colorTEXTform:#F1EFE7;
			
	--cadastroBG:#060606f2;
	
	--defaultICONButton:"\f138";
	--colorButton-Default:#252220;
	--colorButton-DefaultHover:#000000;		
	--colorButton-DefaultText:#f1efe7;		
	--colorButton-Go:#ffbf33;
	--colorButton-GoText:#252220;
	--colorButton-GoHover:#ffda32;
	--colorButton-Solid:#252220;
	--colorButton-SolidText:#f1efe7;			
	--colorButton-SolidHover:#000000;
	--colorButton-Outline:#F1EFE7;
	--colorButton-Text:#F1EFE7;
			
	--select-Text:#191718;
	--select-TextBackground:#f1efe7;
}



body{
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	background-color:#252220;
	background-image:url("/skins/128/x-bg-ubuntu.webp");
}
#topo{
	padding: 0 !important;
	z-index: 0;
}

.handwritten, .handwritten *{
	font-family:"Playwrite DE Grund" !important;
	font-size: larger;
    line-height: 2;
}
		
/*********************** BOX ********************/		
	.box{
		padding: 10px 20px;
		width: fit-content;
		/*word-break: break-all;*/
		font-style: normal;
		line-height: 140% !important;
		color: #FFF;
		background: #8c8c8c; /*NÃO DECLARAR COMO VARIÁVEL*/
		border-radius: 5px;
		font-weight: 300 !important;
	}
/*********************** BOX ¬ ********************/
	
/*********************** PARTES ********************/
.partes{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	gap:60px;
}
.partes > div{
	flex:1;
}
@media(max-width: 768px){
	.partes{
    	flex-direction: column;
	}
	.flex.mobile{
		flex-direction: column;
	}
}
/*********************** PARTES ¬ ********************/

/*********************** TABLES ********************/
table.Zebra-2 {
    background-color: #ffffffd6;
    box-shadow: 0 0 10px #000000;
}
table.Zebra-2 tr td.hd {
    background-color: #8c8c8c !important;
    background-image: unset !important;
}
table.Zebra-2 tr td {
    padding: 14px !important;
}
table.Zebra-2 tr:hover{
	outline: 4px solid #ffbf33 !important;
    background-color: #ffffff;	
}
/*********************** TABLES ¬ ********************/
			
			
/*********************** BUTTON ********************/		
	.button{
		padding: 10px 20px;
		width: fit-content;
		font-style: normal;
		line-height: 200% !important;
		color: #252220 !important;
		background: #FFBF33; /*NÃO DECLARAR COMO VARIÁVEL*/
		border-radius: 10px;
		font-weight: 500 !important;
		border-radius: 10px;
		border: 3px solid rgba(255, 255, 255, 0.5);
    	text-wrap: nowrap;
	}

	.button:hover{
		box-shadow: 2px -1px 13px 8px #1616162e;					
	}
			
	a.button, .button a, .button:hover a, a.button:hover{
		color: #252220 !important;
		text-decoration:none;
	}

	@media(max-width: 480px){
		a.button, .button a, .button:hover a, a.button{font-size: small !important;}
	}
/*********************** BUTTON ¬ ********************/			
		
/*********************** FONTES ********************/
body,p,a,li,input,textarea,select,div,div *{
	font-family:'Ubuntu Sans'; /*NÃO DECLARAR COMO VARIÁVEL*/
	color:#F1EFE7; /*NÃO DECLARAR COMO VARIÁVEL*/
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: 0.02em;
}

li, p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}

* span {
    font-weight: 200 !important;
}
span[style*="font-weight: bold"] {
    font-weight: 700 !important;
}			

#conteudoDIV img{
	max-width: 80vw;
}				
/*********************** FONTES ¬ ********************/

	
			
	
/*********************** A ********************/		
a{
	text-decoration:none;
	font-weight:400;
}
a:hover{
	text-decoration:underline;
	font-weight:500;
}
/*********************** A ¬ ********************/		
			
		
/*********************** H1, H2 ********************/					
h1{
	font-family: var(--fontTitle);
	color: var(--colorFontTitle);
	font-style: normal;
	font-weight: 300;
	font-size: 57px;
	line-height: 110%;
	letter-spacing: 0.02em;
}
			
h1.center{
	width:100%;
	text-align:center;
}
			
h2 {
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	line-height: 130%;
	letter-spacing: 0.02em;
}
			

/*********************** H1, H2 ¬ ********************/					


		
		  
		
/*********************** CURSOS ONLINE */
div#into img{filter: invert(1) contrast(1.5);}
h3{margin-bottom:10px;}
ol{list-style-type: decimal;  margin-left: 36px;}
ol li {margin-top: 15px;}

:root{
	/*cor bg body*/
	--corBgBody:#fafafa;
	--corText:#171C27;
	/*cor menu*/
	--corBgMenu1:#252423;
	--corBgMenu2:#252423;
	/*botão comum*/
	--corButton:#2f2b2a;
	--corButtonTxt:#ffffff;
	/*botão cta*/
	--corButtonCta:#171c27;
	--corButtonCtaTxt:#ffffff;
	/*barra de status de leitura*/
	--colorBgScrollStatus:#4bafe3;
	/*cores da batta de progresso do curso*/
	--scrollBarProgress:#2f2b2a;
	--scrollBarProgressBg:#0000000f;
	--scrollBarProgressText:#fff;
	/*linha do frame hcfast*/
	--colorBgScrollStatus:#ffbf33;
	--hciFastBar:#ffbf33;
	--h1Size:40px;
	--startMenu: #252423;
	--cor_on1:#000000;
	
}





blockquote {
    margin: 1em 0em !important;
    padding: 20px 30px !important;
    background-color: #252220 !important;
    /*background-image: url('/skins/128/x-paper.webp');*/
	box-shadow: -20px 4px 20px 0px #0000003b;
	border-radius: 10px;
}
blockquote div,blockquote div *, blockquote p {
    font-family: var(--fontHand) !important;
	/*font-weight: 100;font-size: medium;*/
	margin: 0px;
	line-height: 2.5;
}
/*********************** CURSOS ONLINE ¬ */
		
		
		

	
/*********************** IMGS RIGHT LEFT CONTENT ***************/
img.right{
	float: right;
    margin: 0px 0px 0px 90px !important;
    /*width: 50%;*/
	max-width: fit-content;
}
img.left{
	float: left;
    margin: 0px 90px 0px 0px !important;
    /*width: 50%;*/
	max-width: fit-content;
}

@media(max-width: 480px){
	img.left, img.right{
		float: unset;
		margin: 0px 0px 30px 0px !important;
		width: 100% !important;
		max-width: 90vw;
		height: auto !important;
	}
}
/*********************** IMGS RIGHT LEFT CONTENT¬ ***************/


/*********************** SEGUNDA FORMATAÇÃO ***************/
body.white * {
    color: #252220;
}
body.white {
    background-color: #ffffff;
    background-image: unset;
}
/*********************** SEGUNDA FORMATAÇÃO¬ ***************/


/*********************** iframe youtube ***************/
.flex-video iframe, iframe.youtube{
	border:0px;
	width:100%;
	height:70vh;
	box-shadow: -20px 4px 20px 0px #0000003b;
	border-radius: 10px;
}
/*********************** iframe youtube¬ ***************/