@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=Cookie&family=Open+Sans:ital,wght@0,300..800;1,300..800&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 */

.Cookie{
font-family:'Cookie';
}
.OpenSans0300..800{

font-family:'Open Sans';
font-style:normal;
font-weight:300..800;} 

.OpenSans1300..800{

font-family:'Open Sans';
font-style:italic;
font-weight:300..800;} 

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

@font-face {
    font-family: 'NulshockBold';
    font-style: normal;
    font-weight: normal;
    src: local('Nulshock Bold'), url('/skins/128/x-nulshock%20bd.woff') format('woff');
}


:root {
	/* ===== CORES BASE DO TEMA ===== */
	--colorDark: #2E2B60;          /* azul do rodapé / faixas escuras */
	--colorSecondary: #2B2A89;     /* azul dos títulos / header */
	--colorSecondaryHover: #24266E;

	--colorPrimary: #EB7F3F;       /* laranja das barras e CTAs principais */
	--colorPrimaryHover: #D66F2F;

	--colorAqua: #5BC0D6;          /* azul/aqua dos blocos informativos */
	--colorAquaDark: #369AB6;

	--colorGray900: #3F3F3F;       /* fundo do FAQ */
	--colorGray800: #4A4A4A;
	--colorGray200: #E8E8E8;       /* linhas/sutilezas */
	--colorWhite: #FFFFFF;
	--colorBgLight: #F6F7FB;       /* fundos claros gerais */

	/* ===== TIPOGRAFIA (cores) ===== */
	--colorFontTitle: var(--colorSecondary);
	--colorFontText: #2A2A2A;      /* texto padrão em fundos claros */
	--colorFontMuted: #6A6A6A;

	/* ===== BOTÕES ===== */
	--fontSizeButton: 18px;

	/* Botão padrão (claro) */
	--colorButton-Default: var(--colorWhite);
	--colorButton-DefaultHover: #F3F3F3;
	--colorButton-DefaultText: var(--colorSecondary);

	/* Botão primário (azul-água) */
	--colorButton-Go: #3fbdd6;
	--colorButton-GoHover: #4be1ff;
	--colorButton-GoText: #2E2B5F;

	/* Botão sólido secundário (azul) */
	--colorButton-Solid: var(--colorSecondary);
	--colorButton-SolidHover: var(--colorSecondaryHover);
	--colorButton-SolidText: var(--colorWhite);

	/* Botão contornado (azul) */
	--colorButton-Outline: var(--colorSecondary);
	--colorButton-Text: var(--colorSecondary);

	/* ===== SCROLLBAR ===== */
	--scroolFundo: #EFEFEF;
	--scroolBar: var(--colorPrimary);
	--scroolBarHover: var(--colorPrimaryHover);

	/* ===== SWIPER / SLICK ===== */
	--swiper-theme-color: var(--colorPrimary) !important;
	--swiper-pagination-bullet-inactive-color: #D9D9D9;
	--corSlickActive: var(--colorPrimary);
	--corSlickHover: var(--colorPrimaryHover);
	--corSlick: var(--colorSecondary);

	/* ===== MENU (faixa superior azul) ===== */
	--menu3-cor-fundo: var(--colorSecondary);
	--menu3-cor-hover: var(--colorSecondaryHover);
	--menu3-cor-primaria: var(--colorWhite);        /* texto/ícones */
	--menu3-cor-primaria-hover: var(--colorPrimary);
	--fontSizeMenu: 17px;

	/* ===== ÍCONES E BARRAS RÁPIDAS ===== */
	--hciFastBar: var(--colorPrimary) !important;
	--defaultICONButton: "\f25a";

	/* ===== FORMULÁRIOS (inputs brancos com foco laranja) ===== */
	--formBackground: var(--colorWhite);
	--formBorder: 2px solid #D9D9E6;
	--formBorderHover: 2px solid #4be1ff;
	--formShadow: none;
	--formShadowHover: 0 0 0 4px rgba(75,255,255,.50);
	--formBorderRadius: 24px;
	--formFontColor: #1F1F1F;
	--formFontColorHover: #1F1F1F;
	--formFontSize: 15px;
	--formFontWeight: 600;
	--formCheckBoxRadioColor: #0bdffd;
	--formCheckBoxTextColor: #2e2b5f;

	/* ===== SELECT ===== */
	--select-Text: var(--colorWhite);
	--select-TextBackground: var(--colorSecondary);

	/* ===== ASSINATURA PORTALL (marca) ===== */
	--backgroundAssinaturaPortall: #050120;

	/* ===== PAGINAÇÃO ===== */
	--pagincacaoBackground: var(--colorWhite);
	--pagincacaoBackgroundActive: var(--colorPrimary);

	/* ===== DESTAQUES ESPECÍFICOS DO LAYOUT ===== */
	--heroSearchBarBg: var(--colorPrimary);     /* faixa laranja do campo de busca */
	--testimonialsBandBg: var(--colorAqua);     /* faixa azul/aqua com depoimentos */
	--faqSectionBg: var(--colorGray900);        /* bloco FAQ em cinza escuro */
	--productsGridTitle: var(--colorSecondary); /* títulos da grade de produtos */
	--newsletterBandBg: var(--colorAqua);       /* faixa de newsletter */
	--footerBg: var(--colorDark);               /* rodapé */
}

/* placeholder de option desabilitado */
select option[disabled] { color: #D6D6D6; }





		
#topo{height:100vh;}
		
body{
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	background-color:var(--colorWhite);
	/*background-image: url("/skins/128/x-bg-site.jpg");*/
}

button{
	text-transform: uppercase;
	/*text-transform: capitalize !important;*/
	/*font-style: italic !important;*/
}		
		
.code{
	background-color: #ffffff45 !important;
    padding: 10px 20px !important;
    border-left: 4px solid #3e915f !important;
    font-family: monospace !important;
    font-size: large !important;
    font-weight: 400 !important;
	margin:10px 0px;
}

.meio{max-width:60%;}	
@media(max-width: 1024px){
	.meio {
    	max-width: 100%;
	}	
	h1.display {
	    font-size: 40px;	
	}
}

/*********************** BOX ********************/		
	.box{
		padding:10px 20px;
		width: fit-content;
		word-break: break-all;
		font-style: normal;
		line-height: 150% !important;
		color: #00295F;
		//*background: var(--corSlickActive,#EFEFEF);*/
		background: #f0f0f0;
		border-radius: 10px;
		font-weight: 300 !important;
	}		
/*********************** BOX ¬ ********************/		

/*********************** FONTES ********************/
body,p,div,a,li,input,textarea,select,span{
	font-family:var(--fontDefault, sans-serif);
	color: var(--colorFontText, #ffffff);
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 150%;
			letter-spacing: 0.04em;
			text-align:left;
}

li, p {margin-bottom: 16px;}
p:last-child {margin-bottom: 0;}
span[style*="font-weight: bold"] {font-weight: 700 !important;}			


#conteudoDIV img{
	max-width: 80vw;
}				
#conteudoDIV{
	margin-bottom: 60px;
}
/*********************** FONTES ¬ ********************/
		
/*********************** H1, H2 ********************/					
h1,h2,h3,h4,h5,h6{
	font-family: var(--fontTitle);
	color: var(--colorFontTitle);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.01em;
    font-size: 2rem;
    font-weight: 500;
    line-height: 130%;
}

h1.display {
    text-align: center;
    font-weight: 400;
	font-size:46px;
    color: #ffffff;
	text-align:left;
}

h2{font-size:1.5rem;}
h3,h4,h5,h6{font-size:1.2rem;}

 
	
	
/*********************** H1, H2 ¬ ********************/					
	
/*********************** A ********************/		
a{
	text-decoration:none;
	font-weight:400;
}
a:hover{
	text-decoration:underline;
}
/*********************** A ¬ ********************/		
		
/*********************** 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:#434343;			
  /*cor menu*/
  --corBgMenu1:#F3D5E4;
  --corBgMenu2:#312951;
  /*botão comum*/
  --corButton:#F1DCE6;
  --corButtonTxt:#D21A72;
  /*botão cta*/
  --corButtonCta:#EB74AD;
  --corButtonCtaTxt:#373435;
  /*barra de status de leitura*/
  --colorBgScrollStatus:#F6318F;
  /*cores da batta de progresso do curso*/
  --scrollBarProgress:#F6318F;
  --scrollBarProgressBg:#0000000f;
  --scrollBarProgressText:#D21A72;
  /*linha do frame hcfast*/
  --hciFastBar:#d43176;			
  --borderRadius:5px;
}
blockquote {
    margin: 1em 0em 0em 0em !important;
    padding: 20px 30px !important;
    background-color: #f7f7f7 !important;
    background-image: url('/skins/128/x-paper.webp');
	box-shadow: -20px 4px 20px 0px #0000003b;
	font-family: var(--fontHand) !important;
}
blockquote div,blockquote * {
    font-family: var(--fontHand) !important;
    font-size: 1.7rem;
    line-height: 130%;
	font-weight: 400;
}
/*********************** CURSOS ONLINE ¬ */
		
/*********************** cta ******/
.button{
	background-color:#00295F;
	color:#ffffff;
	padding:10px 15px;
	line-height:2;
}
/*********************** cta ¬ */
	
/*********************** 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¬ ***************/

/**************************** TABELAS *********************/
table.Zebra-2 td.hd {
    background-image: -moz-linear-gradient(top, #006160, #009493) !important;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#006160), to(#009493)) !important;
	font-weight: 900;
}
table.Zebra-2 td{
	background-color:#efefef;
    padding: 14px;
	font-weight: 400;
}
table.Zebra-2 td.fcalt,table.Zebra-2 td.fc {
	background-color:#009493;
	font-weight: 800;
	color:#ffffff;
}
table.Zebra-2 td.alt {
	background-color:#ffffff;
    padding: 10px;
}
/**************************** TABELAS ¬ *********************/