﻿@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=Cal+Sans&family=Cookie&family=Manjari:wght@100;400;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 */.CalSans{font-family:'Cal Sans';}.Cookie{font-family:'Cookie';}.Manjari100100{font-family:'Manjari';font-weight:100;} .Manjari400400{font-family:'Manjari';font-weight:400;} .Manjari700700{font-family:'Manjari';font-weight:700;} /************** CLASSES DO GOOGLE ¬ */:root {
	/* FONTES */
	--fontDefault: "Manjari";
	--fontText: "Manjari";
	--fontTitle: "Cal Sans";
	--fontButton: "Cal Sans";
	--fontHand: "Cookie";
	--fontForm: "Arial";

	/* CORES DE TEXTO (agora com base no layout claro como padrão) */
	--colorFontTitle: #2B2A89;      /* Azul escuro usado em títulos */
	--colorFontText: #2B2A89;       /* Texto padrão */

	/* CORES PRIMÁRIAS E DESTAQUES */
	--colorPrimary: #66CC00;        /* Verde para destaques e botões */
	--colorPrimaryHover: #55aa00;   /* Hover */

	/* BOTÕES */
	--fontSizeButton: 20px;
	--colorButton-Default: #ffffff;
	--colorButton-DefaultHover: #f0f0f0;
	--colorButton-DefaultText: #2B2A89;
	--colorButton-Go: #66CC00;
	--colorButton-GoHover: #55aa00;
	--colorButton-GoText: #000075;
	--colorButton-Solid: #e0e0e0;
	--colorButton-SolidHover: #cfcfcf;
	--colorButton-SolidText: #2B2A89;
	--colorButton-Outline: #2B2A89;
	--colorButton-Text: #2B2A89;

	/* SCROLLBAR */
	--scroolFundo: #f0f0f0;
	--scroolBar: #66CC00;
	--scroolBarHover: #55aa00;

	/* SWIPER / SLICK */
	--swiper-theme-color: #66CC00 !important;
	--swiper-pagination-bullet-inactive-color: #d9d9d9;
	--corSlickActive: #66CC00;
	--corSlickHover: #55aa00;
	--corSlick: #2B2A89;

	/* MENU */
	--menu3-cor-fundo: transparent;
	--menu3-cor-hover: #f0f0f0;
	--menu3-cor-primaria: #ffffff;
	--menu3-cor-primaria-hover: #64c641;
	--fontSizeMenu: 18px;

	/* ÍCONES E BARRAS */
	--hciFastBar: #66CC00 !important;
	--defaultICONButton: "\f25a";

	/* FORMULÁRIOS */
	--formBackground: #ffffff;
	--formBorder: 2px solid #2B2A89;
	--formBorderHover: 2px solid #66CC00;
	--formShadow: unset;
	--formShadowHover: inset 9px -9px 13px 7px rgba(102, 204, 0, 0.1);
	--formBorderRadius: 10px;
	--formFontColor: #050120;
	--formFontColorHover: #050120;
	--formFontSize: 18px;
	--formFontWeight: 600;
	--formCheckBoxRadioColor: #66CC00;

	/* SELECTS */
	--select-Text: #ffffff;
	--select-TextBackground: #66CC00;
	select option[disabled] {color: #d6d6d6;}
	/* Estilo do option placeholder */

	/* BACKGROUND DA MARCA */
	--backgroundAssinaturaPortall: #050120;

	/* PAGINAÇÃO */
	--pagincacaoBackground: #ffffff;
	--pagincacaoBackgroundActive: #66CC00;
}


		
#topo{height:100vh;}	
		
body{
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	background-color:#efefef;
	/*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;}

@media(max-width: 768px){
	h2 {
	    font-size: 30px !important;
	}
}
	
	
/*********************** 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 ¬ *********************/
		
		