@import url(https://3ws.dev.br/app/animate/animate.min.css);
@import url('https://3ws.dev.br/tec/css/auxi/aos.css');
@import url('https://3ws.dev.br/tec/fonts/fa/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@keyframes animationgradienttitle{0%{background-position:0 1000px}100%{background-position:1000px 0}}


/* -----------------
VARIAVEIS
----------------- */
:root{
	--ff-primary:Roboto;
	--cor-principal: #215f94;
	
}
.sign3Ws{
	font-family:var(--ff-primary);
	font-weight:700;
	background:linear-gradient(90deg,#0ff 0%,#5e00ff 15%,#833ab4 30%,#fd1d1d 45%,#fcb045 60%,#fff800 75%,#30be54 90%,#0ff 100%);
	background-size:1000px 200px;
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:animationgradienttitle 10s infinite both;
}

/* -----------------
PADRONIZAÇÃO
----------------- */
	html, body{
		width: 100%;  
		*width: 99.94680850063828%;
		min-width: 99.99999998999999%;
		max-width: 99.99999998999999%;
		border: 0px;
		height:100%;
		scroll-behavior: smooth;
		font-family:var(--ff-primary);
		font-size:16px;
		margin:0px;
		padding:0px;
	}
	a,.orem{
		text-decoration:none;
		cursor:pointer !important;
	}
	.w100{
		width: 100% !important;  
		*width: 99.94680850063828% !important; 		
	}
	.h100{
		height:100% !important; 
	}
	.divcontainer, 
	.bodycontainer{
		width: min(100% - 4rem, 65ch);
		margin-inline: auto;	
	}
	.divcontainer > *+*,
	.bodycontainer > *+*{
		margin-top: var(--flow-space, 1em);
	}
	.divcontainer::before,
	.divcontainer::after,
	.bodycontainer::before,
	.bodycontainer::after{
		clear:both !important;
	}	

/* -----------------
TEXTOS
----------------- */
	ol,	li,	ul{
		list-style-type:none;
	}
	ol.list, li.list, ul.list{
		list-style-type:inherit;
	}
	.wbr{
		-ms-word-break: break-all; 
		word-break: break-all; 
		word-break: break-word; 
		-webkit-hyphens: auto; 
		-moz-hyphens: auto; 
		
		-ms-hyphens: auto; 
		hyphens: auto;
	}	
	.tjus, .tjust, .tjustify, .tjustificado, .justificado, .justfy, .just, .jus{text-align:justify;}	
	
/* -----------------
IMAGENS
----------------- */
	img,
	picture,
	svg,
	video{
		position:relative;
		width: 100%;
		height:auto;
		max-width: 100%;
		display: block;
	}
	
/* -----------------
DIVISORES
----------------- */
	.divisor-huge{clear:both !important; height:150px !important;}
	.divisor-big{clear:both !important; height:70px !important;}
	.divisor{clear:both !important; height:35px !important;}
	.divisor-min{clear:both !important; height:10px !important;}
	.divisor-mic{clear:both !important; height:5px !important;}
	.clear{clear:both !important; height:0px !important;}
	hr{width:100%; height:1px; background:hsl(from var(--cor-principal) h s l / 0.2); border:none; clear:both;}    
	
/* -----------------
ALINHAMENTOS
----------------- */		
	.posrel{position:relative !important;}
	.posabs{position:absolute !important;}
	.fright {float: right;}
	.fleft {float: left;}
	.tleft{text-align:left;}
	.tcenter{text-align:center;}
	.tright{text-align:right;}	
	.acenter-h, .acenter-v, .acenter{display:flex;}
	.acenter-h, .acenter{align-items:center;}
	.acenter-v, .acenter{justify-content:center;}
	.fixed, 
	.fixar, 
	.fixo {
		width: 100%;  
		*width: 99.94680850063828%; 
		position: fixed; 
		top:0;
		left:0;
	}
	
/* -----------------
POSICIONAMENTO
----------------- */
	.posrel{position:relative !important;}
	.posabs{position:absolute !important;}
	.fright {float: right !important;}
	.fleft {float: left !important;}	
	
/* -----------------
TRANSIÇÕES
----------------- */
.tr,.transit {
transition-property: all;
transition-timing-function: ease-in-out;
}
.tr::before,.transit::before {
content: '';
}
.tr,.transit {
transition-duration: calc(attr(data-duration s, number) / 1000);
}
	
.opac01{opacity:0.1;}
.opac02{opacity:0.2;}
.opac03{opacity:0.3;}
.opac04{opacity:0.4;}
.opac05{opacity:0.5;}
.opac06{opacity:0.6;}
.opac07{opacity:0.7;}
.opac08{opacity:0.8;}
.opac09{opacity:0.9;}
	
	
/* -----------------
COLUNAS
----------------- */
	.flx{
		display:flex;
		flex-flow: column wrap;
		justify-content: space-between;
		align-items: flex-start;
		align-content:stretch;
	}
	.flx .tcenter{align-items:center;}
	.flx .center{align-content:center; align-items:center;}

	.ncols2, 
	.ncols3, 
	.ncols4, 
	.ncols5, 
	.ncols6, 
	.ncols7, 
	.ncols8, 
	.ncols9, 
	.ncols10, 
	.ncols11, 
	.ncols12,
	.nrow{
		display:grid; 
		grid-auto-columns: 1fr;
	}	
	.ncols2{grid-template-columns: repeat(2, 1fr);}
	.ncols3{grid-template-columns: repeat(3, 1fr);}
	.ncols4{grid-template-columns: repeat(4, 1fr);}
	.ncols5{grid-template-columns: repeat(5, 1fr);}
	.ncols6{grid-template-columns: repeat(6, 1fr);}
	.ncols7{grid-template-columns: repeat(7, 1fr);}
	.ncols8{grid-template-columns: repeat(8, 1fr);}
	.ncols9{grid-template-columns: repeat(9, 1fr);}
	.ncols10{grid-template-columns: repeat(10, 1fr);}
	.ncols11{grid-template-columns: repeat(11, 1fr);}
	.ncols12, .nrow{grid-template-columns: repeat(12, 1fr);}
	
	.un2cols, .c-2{grid-column: span 2;}
	.un3cols, .c-3{grid-column: span 3;}
	.un4cols, .c-4{grid-column: span 4;}
	.un5cols, .c-5{grid-column: span 5;}
	.un6cols, .c-6{grid-column: span 6;}
	.un7cols, .c-7{grid-column: span 7;}
	.un8cols, .c-8{grid-column: span 8;}
	.un9cols, .c-9{grid-column: span 9;}
	.un10cols, .c-10{grid-column: span 10;}
	.un11cols, .c-11{grid-column: span 11;}
	.un12cols, .c-12{grid-column: span 12;}	

	.g3{ gap:3px;}
	.g5{ gap:5px;}
	.g10{ gap:10px;}
	.g15{ gap:15px;}
	.g20{ gap:20px;}
	.g25{ gap:25px;}
	.g30{ gap:30px;}
	.g35{ gap:35px;}
	.g40{ gap:40px;}
	.g45{ gap:45px;}
	.g50{ gap:50px;}


	
/* -----------------
QUEBRA AUTOMÁTICA DO TEXTO DENTRO DA CAIXA
NLINES = AO NÚMERO MÁXIMO DE LINHAS DE TEXTO, NO FINAL ACRESCENTA ...
----------------- */
	.nlines1,
	.nlines2,
	.nlines3,
	.nlines4,
	.nlines5,
	.nlines6,
	.nlines7,
	.nlines8,
	.nlines9,
	.nlines10
	{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;	
	}
	.nlines1{-webkit-line-clamp: 1;}
	.nlines2{-webkit-line-clamp: 2;}
	.nlines3{-webkit-line-clamp: 3;}
	.nlines4{-webkit-line-clamp: 4;}
	.nlines5{-webkit-line-clamp: 5;}
	.nlines6{-webkit-line-clamp: 6;}
	.nlines7{-webkit-line-clamp: 7;}
	.nlines8{-webkit-line-clamp: 8;}
	.nlines9{-webkit-line-clamp: 9;}
	.nlines10{-webkit-line-clamp: 10;}		

/* -----------------
MARGENS
----------------- */
	.nomargin{margin:0px !important;}
	.nomargin-t{margin-top:0px !important;}
	.nomargin-l{margin-left:0px !important;}
	.nomargin-r{margin-right:0px !important;}
	.nomargin-b{margin-bottom:0px !important;}
	.nomargin-tb{margin-top:0px !important; margin-bottom:0px !important;}
	.nomargin-lr{margin-left:0px !important; margin-right:0px !important;}
	
/* -----------------
PADDINGS
----------------- */
	.pd3{padding:3px;}
	.pd5{padding:5px;}
	.pd10{padding:10px;}
	.pd15{padding:15px;}
	.pd20{padding:20px;}
	.pd25{padding:25px;}
	.pd30{padding:30px;}
	.pd35{padding:35px;}
	.pd40{padding:40px;}
	.pd45{padding:45px;}
	.pd50{padding:50px;}
	.pd75{padding:75px;}
	.pd100{padding:100px;}

	.pdl3{padding:0px 3px;}
	.pdl5{padding:0px 5px;}
	.pdl10{padding:0px 10px;}
	.pdl15{padding:0px 15px;}
	.pdl20{padding:0px 20px;}
	.pdl25{padding:0px 25px;}
	.pdl30{padding:0px 30px;}
	.pdl35{padding:0px 35px;}
	.pdl40{padding:0px 40px;}
	.pdl45{padding:0px 45px;}
	.pdl50{padding:0px 50px;}
	.pdl75{padding:0px 75px;}
	.pdl100{padding:0px 100px;}

	.npd{padding:0px !important;}
	.npd-t{padding-top:0px !important;}
	.npd-b{padding-bottom:0px !important;}
	.npd-l{padding-left:0px !important;}
	.npd-r{padding-right:0px !important;}
	.npd-tb{padding-top:0px !important; padding-bottom:0px !important;}
	.npd-lr{padding-left:0px !important; padding-right:0px !important;}	
	
/* ------------------
FORMS
-------------------*/	
	.b-ov{background-color: #CCC !important; color: #000 !important;}
	.b-ok{background-color: #CFC !important; color: #070 !important;}
	.b-er{background-color: #FCC !important; color: #A00 !important;}
	.limite-container {margin-top: 5px;font-size: 12px;position:absolute;}
	.limite-progress {height: 6px;background: #e0e0e0;border-radius: 4px;overflow: hidden;margin-top: 4px;}
	.limite-progress-bar {height: 100%;background-color: #4caf50;width: 0%;transition: width 0.3s ease;}
	.red-border {border-color: red !important;}
	.green-border {border-color: green !important;}		
	
	label{  
		display: block;		
		width: 100%; 
		background: hsl(from var(--cor-principal) h s l / 0.2);
		color: hsl(from var(--cor-principal) h s l / 0.8);
		font-size: 0.8rem;
		text-indent:0.5rem;
	}
	input, select, textarea{
		padding:15px; 
		border:solid 1px hsl(from var(--cor-principal) h s l / 0.2);
		width: 100%;
		box-sizing: border-box;
		font-size:1rem;
	} 
	
/* -----------------
SOCIALSHARE - BARRA DE COMPARTILHAMENTO EM REDES SOCIAIS
----------------- */
	.social-share-bar ol, 
	.social-share-bar ul, 
	.rodape ol, 
	.rodape ul, 
	#rodape ol, 
	#rodape ul, 
	.nomarcador{
		list-style-type:none !important;
	}
	
/* -----------------
LGPD BANNER
----------------- */
	#lgpd{position:fixed !important; bottom:0px; width:100%; z-index:9999999 !important;}
	#lgpd.bg-blk{background:rgba(0,0,0,0.95) !important;}
		#lgpd.bg-blk p{color:#FFF !important;}
	#lgpd.bg-w{background:rgba(255,255,255,0.9) !important;}
		#lgpd.bg-w p{color:#000 !important;}	
	
	

/* -----------------
MEDIAS QUERIES
----------------- */
@media (min-width:1370px){
    .container, .divcontainer, .bodycontainer{width:90%; max-width:1300px; margin-left: auto; margin-right: auto; }

}

@media (min-width:1280px) and (max-width:1369px){
    .container, .divcontainer, .bodycontainer{width:90%; max-width:1200px; margin-left: auto; margin-right: auto;}

}
@media (min-width:992px) and (max-width:1279px){
	.container, .divcontainer, .bodycontainer{width:90%; max-width:930px; margin-left: auto; margin-right: auto;}

}

@media (min-width:768px) and (max-width:991px){
	.container, .divcontainer, .bodycontainer{width:96%; margin:0 2%;}
	
	
}
@media (min-width:576px) and (max-width:767px){
	.container, .divcontainer, .bodycontainer{width:94%; margin:0 3%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}	
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}	
}
@media (min-width:480px) and (max-width:575px){
	.container, .divcontainer, .bodycontainer{width:90%; margin:0 5%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}
}
@media (max-width:479px){
	.container, .divcontainer, .bodycontainer{width:90%; margin:0 5%;}
	.ncols2, .ncols3, .ncols4, .ncols5, .ncols6, .ncols7, .ncols8, .ncols9, .ncols10, .ncols11, .ncols12{
		grid-template-columns: repeat(1, 1fr);
	}
	.un2cols, .un3cols, .un4cols, .un5cols, .un6cols, .un7cols, .un8cols, .un9cols, .un10cols, .un11cols, .un12cols,
	.c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12{
		grid-column:auto;
	}
	.k2{grid-template-columns: repeat(2, 1fr) !important;}
	.k3{grid-template-columns: repeat(3, 1fr) !important;}
	.k4{grid-template-columns: repeat(4, 1fr) !important;}
	.k5{grid-template-columns: repeat(5, 1fr) !important;}
	.k6{grid-template-columns: repeat(6, 1fr) !important;}
	.k7{grid-template-columns: repeat(7, 1fr) !important;}
	.k8{grid-template-columns: repeat(8, 1fr) !important;}
	.k9{grid-template-columns: repeat(9, 1fr) !important;}
	.k10{grid-template-columns: repeat(10, 1fr) !important;}
	.k11{grid-template-columns: repeat(11, 1fr) !important;}
	.k12{grid-template-columns: repeat(12, 1fr) !important;}
}