@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=Mr+De+Haviland&family=Nunito:ital,wght@0,200..1000;1,200..1000&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 */

.MrDeHaviland{
font-family:'Mr De Haviland';
}
.Nunito0200..1000{

font-family:'Nunito';
font-style:normal;
font-weight:200..1000;} 

.Nunito1200..1000{

font-family:'Nunito';
font-style:italic;
font-weight:200..1000;} 

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

:root {
  /* FONTES */
  --fontDefault: "Nunito";
  --fontText: "Nunito";
  --fontTitle: "Nunito";
  --fontButton: "Nunito";
  --fontHand: "Mr De Haviland";
  --fontForm: "Nunito";
  --fontMenu: "Nunito";

  /* CORES DE TEXTO */
  --colorFontTitle: #DFE4F0;     /* Títulos brancos sobre fundo escuro */
  --colorFontText:  #d6d6d6;     /* Texto claro para boa leitura */
  --colorA:         #00e0ff;     /* Links e destaques em azul neon */

  /* PRIMÁRIAS / DESTAQUES (cores da marca Nowi) */
  --colorPrimary:       #ff0099; /* Rosa principal da marca */
  --colorPrimaryHover:  #d60082; /* Rosa escuro para hover */
  --colorSecondary:     #00e0ff; /* Azul neon complementar */
  --colorGradient:      linear-gradient(90deg, #ff0099 0%, #00e0ff 100%);

  /* BACKGROUND BASE */
  --colorBgPrimary:     #1a093a; /* Roxo escuro de fundo */
  --colorBgSecondary:   #260a50; /* Roxo mais claro para seções alternadas */

  /* SCROLLBAR */
  --scroolFundo:    #3a2b66;
  --scroolBar:      #ff0099;
  --scroolBarHover: #d60082;

  /* SWIPER / SLICK */
  --swiper-theme-color: #ff0099 !important;
  --swiper-pagination-bullet-inactive-color: #777777;
  --corSlickActive: #ff0099;
  --corSlickHover:  #00e0ff;
  --corSlick:       #DFE4F0;

  /* MENU */
  --menu3-cor-fundo: transparent;
  --menu3-cor-hover: #00e8fd;
  --menu3-cor-primaria: #00e0ff;          /* links/topbar */
  --menu3-cor-primaria-hover: #3f1a77;    /* hover/active */
  --fontSizeMenu: 18px;

  /* ÍCONES / BARRA iFast */
  --hciFastBar: #ff0099 !important;
  --defaultICONButton: "\f0da";

  /* FORMULÁRIOS */
  --formBackground: #14062d;
  --formBorder: 2px solid transparent;
  --formBorderHover: 2px solid #00e0ff;
  --formShadow: none;
  --formShadowHover: 0 0 0 3px rgba(0, 224, 255, .25);
  --formBorderRadius: 10px;
  --formFontColor: #DFE4F0;
  --formFontColorHover: #00e0ff;
  --formFontColorLabel: #DFE4F0;
  --formFontSize: 16px;
  --formFontWeight: 500;
  --formCheckBoxRadioColor: #ff0099;
  --formCheckBoxTextColor: #d6d6d6;

  /* BOTÕES */
  --fontSizeButton: 15px;
  --paddingButton: 12px;

  --colorButton-Default:        transparent;
  --colorButton-DefaultHover:   rgba(255, 255, 255, 0.1);
  --colorButton-DefaultText:    #DFE4F0;

  --colorButton-Go:             #ff11a8; /*var(--colorGradient);*/
  --colorButton-GoHover:        #d60082;
  --colorButton-GoText:         #DFE4F0;

  --colorButton-Solid:          #00e0ff;
  --colorButton-SolidHover:     #00b0cc;
  --colorButton-SolidText:      #1a093a;

  --colorButton-Outline:        #00e0ff;
  --colorButton-Text:           #DFE4F0;

  /* SELECTS */
  --select-Text: var(--formBackground);
  --select-TextBackground: var(--colorFontTitle);

  /* BG da assinatura (rodapé Portall) */
  --backgroundAssinaturaPortall: #0d021f;

  /* PAGINAÇÃO */
  --pagincacaoBackground: #2a1c52;
  --pagincacaoBackgroundActive: #ff0099;

  /* WHATSAOO */
  --wcor-background: #00e8fd;
  --wcor-text: #3f1a77;

}








 #topo{height:100vh;}	
.flex-video iframe{width:100%;min-height:80vh; border:0px;}
 		
 body{
 	margin: 0 !important;
 	padding: 0 !important;
 	overflow-x: hidden;
 	background-color:#281656;
 	background-image: url("/skins/128/x-bg.svg");
	background-attachment: fixed;
 }
div#conteudo {
    background-color: transparent;
}
 
 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;	
 	}
 }

@media (min-width: 1024px) {
	img.right {
		float: right !important;
		margin: 0px 0px 0px 90px !important;
		max-width: 50vw !important;
	}
}

 
 /*********************** BOX ********************/		
 	.box{
 		padding:10px 20px;
 		width: fit-content;
 		word-break: break-word;
	    font-family: var(--fontTitle);
 		font-style: 600;
 		font-size: 32px;
 		line-height: 150% !important;
 		color: var(--colorPrimary);
 		background-color: #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);
 			font-style: normal;
 			font-weight: 300;
 			font-size: 18px;
 			line-height: 150%;
 			letter-spacing: 0.04em;
 			text-align:left;
 			color: var(--colorFontText, #000000);
 }
 
 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: 300;
 	letter-spacing: 0.01em;
    line-height: 130%;
 }
section h1,section h2,section h3,section h4,section h5,section h6{margin:0px;}
 
 h1 {
    font-weight: 400;
 	font-size:40px;
 }

main section h2{
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 900;
	font-size: 79px;
	line-height: 110%;
	letter-spacing: -0.04em;
	color: #01EAFF;
}
h3 {
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: 300;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{font-weight: 600;}
/*********************** H1, H2 ¬ ********************/					
 	
 /*********************** A ********************/		
 a{
 	text-decoration:none;
 	font-weight:400;
	color:var(--colorA);
 }
 a:hover{
 	text-decoration:underline;
 }
 a[target="_blank"],a[target="main"]{ cursor: alias !important; }
 /*********************** A ¬ ********************/		
 		
 /*********************** CURSOS ONLINE */
 div#into img{filter: invert(1) contrast(1.5);}
 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;
 }
 /**************************** css custom *********************/
/*********************** UL.NAMES *******/
ul.names {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}
ul.names li {
    background-color: #ffffff;
    padding: 30px 60px;
    font-size: 36px;
    font-weight: 700;
	border-radius: 8px;
	box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
	align-items: center;
    display: inline-flex;
}
ul.names li img{
	width: 100% !important;
    height: 100% !important;
	max-width:160px !important;
	max-height:160px !important;
	object-fit: contain;
}
ul.names li:hover {
	box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15);
}
/*********************** UL.NAMES ¬ *******/
 /**************************** css custom ¬ *********************/
 
 
 /**************************** TABELAS ¬ *********************/
 
 /*************** LISTAS (padrão para toda UL) ***************/
 ::marker {
     color: var(--colorPrimary);
     font-size: 24px;
     margin-top: 4px;
 }
 ul.multi-coluna{
   column-count: 1;
   column-gap: 5vw;
   text-align: left;
 }
 
 ul.multi-coluna li{
   margin-bottom: 30px;
   break-inside: avoid;
 }
 
 /* >=600px: 2 colunas */
 @media (min-width: 600px){
   ul.multi-coluna{ column-count: 1; }
 }
 
 /* >=1024px: 3 colunas */
 @media (min-width: 1024px){
   ul.multi-coluna{ column-count: 2; }
 }