@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*--------------------------------------------*/
/*---------------BOTÕES PADRÃO---------------*/
*{margin: 0; padding: 0; box-sizing: border-box; word-wrap: break-word; font-family: 'Poppins';}
a{text-decoration: none; cursor: pointer; color:inherit;}
button{cursor: pointer;}
li{list-style-type: none}
*:focus{outline: none;}
html{scroll-behavior: smooth}
::selection{background-color: var(--verm); color:white;}
*::placeholder{color: var(--verm)}
:root{
	--v: 0.7; 
	--h: 1; 
	--f100: 1; 
	--f80: 1; 
	--f60: 1; 
	--f40: 1; 
	--f20: 1; 
	--f0: 1;
	--roxo: #a48bf0;
	--verm: #a48bf0;
	--preto: #191919;
	--cinza: #EDEDED;
}

.section {width: 100%;}
.content {max-width: 90%; margin: auto}
.grid-2{display: grid; grid-template-columns: 49% 49%; grid-gap: 2%}
.grid-3{display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 1.5%}
.grid-4{display: grid; grid-template-columns: 24% 24% 24% 24%; grid-gap: 1.33%;}
.grid-70p{display: grid; grid-template-columns: 65% 30%; grid-gap: 5%;}
.flex{
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	justify-content: space-around;
}
.img-bg{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: calc(var(--v)*500px);
	height: calc(var(--v)*300px);
	margin: auto;
}


/*---------------------------------*/
/*-------------FONTES-------------*/

.OS-60-7-0{font-size:calc(var(--v)*60px*var(--f60));font-weight:700;line-height:calc(var(--v)*65px*var(--f60));color:white;}
.P-60-2-7{font-size:calc(var(--v)*60px*var(--f60));font-weight:700;line-height:calc(var(--v)*65px*var(--f60));color:#FCD825;}
.P-40-2-7{font-size:calc(var(--v)*40px*var(--f60));font-weight:700;line-height:calc(var(--v)*50px*var(--f60));color:#FCD825;}
.P-25-2-7{font-size:calc(var(--v)*25px*var(--f60));font-weight:700;line-height:calc(var(--v)*35px*var(--f60));color:#FCD825;}
.P-25-0-4{font-size:calc(var(--v)*25px*var(--f60));font-weight:400;line-height:calc(var(--v)*35px*var(--f60));color:white;}
.OS-60-7-3{font-size:calc(var(--v)*60px*var(--f60));font-weight:700;line-height:calc(var(--v)*65px*var(--f60));color:var(--roxo);}
.OS-60-7-4{font-size:calc(var(--v)*60px*var(--f60));font-weight:700;line-height:calc(var(--v)*65px*var(--f60));color:var(--verm);}

.OS-40-7-4{font-size:calc(var(--v)*40px*var(--f40));font-weight:700;line-height:calc(var(--v)*40px*var(--f40));color:var(--verm);}
.OS-40-9-4{font-size:calc(var(--v)*40px*var(--f40));font-weight:900;line-height:calc(var(--v)*40px*var(--f40));color:var(--verm);}
.OS-40-9-3{font-size:calc(var(--v)*40px*var(--f40));font-weight:900;line-height:calc(var(--v)*40px*var(--f40));color:var(--roxo);}
.OS-40-9-5{font-size:calc(var(--v)*40px*var(--f40));font-weight:900;line-height:calc(var(--v)*40px*var(--f40));color:#E73B50;}

.OS-30-7-4{font-size:calc(var(--v)*30px*var(--f40));font-weight:700;line-height:calc(var(--v)*34px*var(--f40));color:var(--verm);}
.OS-30-7-3{font-size:calc(var(--v)*30px*var(--f40));font-weight:700;line-height:calc(var(--v)*34px*var(--f40));color:var(--roxo);}
.OS-30-4-3{font-size:calc(var(--v)*30px*var(--f40));font-weight:400;line-height:calc(var(--v)*34px*var(--f40));color:var(--verm);}
.OS-30-0-7{font-size:calc(var(--v)*30px*var(--f40));font-weight:700;line-height:calc(var(--v)*34px*var(--f40));color:white;}

.OS-25-1-4, ::placeholder{font-size:calc(var(--v)*20px*var(--f40));font-weight:400;line-height:calc(var(--v)*40px*var(--f40));color:var(--preto);}
.OS-25-2-4{font-size:calc(var(--v)*25px*var(--f40));font-weight:400;line-height:calc(var(--v)*40px*var(--f40));color:#775845;}
.OS-25-7-4, .cat-item a{font-size:calc(var(--v)*25px*var(--f40));font-weight:700;line-height:calc(var(--v)*40px*var(--f40));color:var(--verm);}

.P-20-1-7{font-size:calc(var(--v)*20px*var(--f20));font-weight:700;line-height:calc(var(--v)*30px*var(--f40));color:black;}
.P-24-2-4{font-size:calc(var(--v)*24px*var(--f20));font-weight:500;line-height:calc(var(--v)*34px*var(--f40));color:#FCD825;}
.OS-16-0-4{font-size:calc(var(--v)*16px*var(--f20));font-weight:400;line-height:calc(var(--v)*40px*var(--f40));color:white;}
.OS-16-1-4{font-size:calc(var(--v)*16px*var(--f20));font-weight:400;line-height:calc(var(--v)*40px*var(--f40));color:#202020;}
.OS-16-3-6{font-size:calc(var(--v)*16px*var(--f20));font-weight:600;line-height:calc(var(--v)*40px*var(--f40));color:#FCD825;}
.P-15-0-4{font-size:calc(var(--v)*15px*var(--f20));font-weight:400;line-height:calc(var(--v)*40px*var(--f40));color:white;}

/*-------------------HOME-------------------*/
.img-quem-somos{
	width: 100%;
	height: 100%;
	background-size: cover;
}
.quem-somos{
	padding: calc(var(--v)*200px) 0 calc(var(--v)*100px) 0;
}
.box-txt-quem-somos{
	width: calc(var(--v)*800px);
}
.servicos-titulo{
	text-align: center;
	padding: calc(var(--v)*212px) 0 calc(var(--v)*70px) 0;
}
.box-servicos{
	border: solid calc(var(--v)*8px) var(--verm);
	border-radius: calc(var(--v)*80px);
	width: calc(var(--v)*500px);
	background-color: white;
}
.txt-servicos{
	width: calc(var(--v)*380px);
	text-align: center;
	margin: auto;
	padding-bottom: calc(var(--v)*50px);
}
.tt-servicos{
	text-align: center;
	padding: calc(var(--v)*60px) 0;
	width: calc(var(--v)*380px);
	margin: auto;
}
.servicos{
	padding-bottom: calc(var(--v)*100px);
	background-color: black;
}
.tt-portfolio{
	text-align: center;
	padding-top: calc(var(--v)*212px) 0 calc(var(--v)*88px) 0;
}
.formulario{
	background-color: #202020;
	padding-bottom: calc(var(--v)*100px);
}
.tt-formulario{
	text-align: center;
	padding: calc(var(--v)*200px) 0 calc(var(--v)*60px) 0;
}
.grid-endereco{
	width: 60%;
	margin: auto;
}
.telefone, .email{
	text-align: right;
}
#nome-form{
	width: calc(var(--v)*800px);
	height: calc(var(--v)*60px);
	display: flex;
	margin: auto auto calc(var(--v)*35px) auto;
}
#email-form, #tel-form{
	width: calc(var(--v)*360px);
	height: calc(var(--v)*60px);
}
#tel-form{
	margin-left: calc(var(--v)*33px);
}
.grid-form{
	width: 45%;
	margin: auto;
}
.tarja-whatsapp{
	background-color:#a48bf0;
	height: calc(var(--v)*56px);
}
.whatsapp-home{
	z-index: 99;
}
.whatsapp-home img{
	width: calc(var(--v)*112px);
	height: calc(var(--v)*112px);
	position: fixed;
	right: 5%;
	z-index: 99;
	bottom: 14%;
}
.excpt-quem-somos{
	padding-bottom: calc(var(--v)*12px);
}
.tt-depoimentos{
	text-align: center;
	padding: calc(var(--v)*169px) 0 calc(var(--v)*52px) 0;
}
.depoimentos{
	background-color: #F6F6F6;
	height: calc(var(--v)*1500px);
}
.depoimento-img{
	height: calc(var(--v)*190px);
	width: calc(var(--v)*190px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: calc(var(--v)*20px);
	display: none;
}
.depo-cargo{
	margin-bottom: calc(var(--v)*20px);
}
.depo-titulo{
	margin-bottom: calc(var(--v)*5px);
}
.tt-blog-home{
	text-align: center;
	padding: calc(var(--v)*123px) 0 calc(var(--v)*45px) 0;
}
.tt-news-home{
	text-align: center;
	width: 85%;
	padding-bottom: calc(var(--v)*20px);
	margin: auto;
}
.index-post-excerpt{
	text-align: center;
	width: 90%;
	margin: auto;
}
.index-post{
	margin: auto;
	background-color: white;
	padding-bottom: calc(var(--v)*30px);
	width: calc(var(--v)*550px);
	border: solid calc(var(--v)*3px) var(--roxo);
}
.leia-mais{
	border: solid calc(var(--v)*4px) var(--roxo);
	margin: auto;
	display: flex;
	text-align: center;
	justify-content: center;
	width: calc(var(--v)*500px);
	padding: calc(var(--v)*5px) 0;
}
.index{
	position: relative !important;
	z-index: 8 !important;
}
.orange{
	background-color: var(--roxo);
	height: calc(var(--v)*620px);
	margin-top: calc(var(--v)*-362px);
	position: relative;
	z-index: 999;
}
.btn-blog-home{
	border: solid calc(var(--v)*4px) white;
	width: calc(var(--v)*500px);
	padding: calc(var(--v)*10px) 0;
	display: flex;
	justify-content: center;
	margin: auto;
}
.grid-news-home{
	margin-bottom: calc(var(--v)*80px);
}
.footer{
	background-color: white;
	padding-top: calc(var(--v)*80px);
}
.tt-pesquisa-sidebar{
	padding: calc(var(--v)*203px) 0 calc(var(--v)*20px) 0;
}
.tt-categoria-sidebar{
	padding:calc(var(--v)*78px) 0 calc(var(--v)*20px) 0;
}
.tt-mais-lidas-sidebar{
	padding:calc(var(--v)*102px) 0 calc(var(--v)*38px) 0;
}
.the_thumbnail-sidebar{
	width: calc(var(--v)*236px);
	height: calc(var(--v)*310px);
	background-size: cover;
	background-position: center;
}
.grid-mais-lidas{
	display: grid;
	grid-template-columns: 45% 53%;
	grid-gap: 2%;
	margin-bottom: calc(var(--v)*80px);
	align-items: center;
}
.dani-content{
	display: grid;
	grid-template-columns: 48% 48%;
	grid-gap: 4%;
	padding: calc(var(--v)*50px) 0;
}
/*-------------------BLOG-------------------*/

.the_content h2, .the_content h3, .the_content h4, .the_content h5, .the_content h6{margin-bottom:calc(var(--v)*20px);}
.the_content ul{
	margin-bottom: calc(var(--v)*20px); 
	position: relative;
}
.the_content li {
	margin-left: calc(var(--v)*20px);
}
.the_content li:before {
	content: '•';
	color: #E5480E;
	position: absolute;
	left: 0;
	height: calc(var(--v)*3px);
	width: calc(var(--v)*3px);
	border-radius: calc(var(--v)*5px);
}
.the_content a{
	text-decoration: underline; 
	color:#E5480E;
}
.the_content p{
	margin-bottom:calc(var(--v)*20px);
}
.the_content blockquote{
	padding: 0 calc(var(--v)*100px) 0 calc(var(--v)*40px); 
	border-left: solid calc(var(--v)*1px) #E5480E; 
	margin-bottom: calc(var(--v)*40px); 
	margin-top: calc(var(--v)*20px);
}
.the_content strong{
	font-size: inherit; 
	font-size: 700;
}
.the_content blockquote p{
	padding-bottom:0 !important;
}
.the_content img{
	max-width: 100%; 
	height: auto;
}

.the_content video{
	max-width: 100%; 
	height: auto;
}
.wp-block-columns {
	display: flex; 
	position: relative;
}
.has-text-align-right{
	text-align: right;
}
.has-text-align-center{
	text-align: center;
}
.aligncenter{
	display: block; 
	margin:auto;
}
.alignright{
	margin-left: auto;
	margin-right: 0;
	display: block;
}
.nav-links{
	display: inline-flex;
}
.nav-previous a, .nav-next a{
	background-color: white;
	font-family:"Open Sans", sans-serif;
	font-size:calc(var(--v)*17px);
	font-weight:700;
	text-transform: uppercase;
	color:#a48bf0;
}
.nav-links{
	display: inline-flex;
}

.page-numbers{
	height: calc(var(--v)*60px);
	width: calc(var(--v)*60px);
	background-color: white;
	border: solid calc(var(--v)*4px) #910048;
	color:#910048;
	font-family: 'Montserrat';
	font-size: calc(var(--v)*30px);
	font-weight: 900;
	justify-content: center;
	align-items: center;
	display: flex;
	margin: auto calc(var(--v)*30px) auto auto;
}
.page-numbers.current, .page-numbers:hover{
	background-color: #E73B50;
	border: solid calc(var(--v)*4px) #E73B50;
	color: white;
}
.pagination{
	margin: auto;
	justify-content: center;
	display: flex;
}
.logo-footer{
	width: calc(var(--v)*300px);
	height: auto;
	display: flex;
	margin: calc(var(--v)*95px) auto calc(var(--v)*30px) auto;
}
.descr-footer{
	width: calc(var(--v)*1204px);
	margin: auto;
	text-align: center;
	display: flex;
	padding-bottom: calc(var(--v)*30px);
}
.facebook{
	width: calc(var(--v)*50px);
	height: calc(var(--v)*50px);
	margin-right: calc(var(--v)*10px);
}
.instagram{
	width: calc(var(--v)*50px);
	height: calc(var(--v)*50px);
	margin-right: calc(var(--v)*10px);
}
.tiktok{
	width: calc(var(--v)*50px);
	height: calc(var(--v)*52px);
	margin-right: calc(var(--v)*10px);
}
.linkedin{
	width: calc(var(--v)*50px);
	height: calc(var(--v)*50px);
	margin-right: calc(var(--v)*10px);
}
.youtube{
	width: calc(var(--v)*52px);
	height: calc(var(--v)*50px);
}
.box-imagens-footer{
	display: flex;
	margin: auto;
	justify-content: center;
	align-items: center;
	padding-bottom: calc(var(--v)*30px);
}
.pp-footer{
	display: block;
	text-align: center;
	padding-bottom: calc(var(--v)*70px);
}
.tag-footer{
	background-color: #202020;
}
.dr-footer{
	color: white;
	padding: calc(var(--v)*30px) 0;
	text-align: center;

}
.logo-ojutu{
	width: calc(var(--v)*76px);
	height: calc(var(--v)*38px);
	margin-left: calc(var(--v)*15px);
}
.desenvolvido-footer{
	color: white;
	display: flex;
	justify-content: right;
	align-items: center;
	padding: calc(var(--v)*30px) 0;
}
/*-------------WPCF 7 FORMULÁRIOS--------------*/
.wpcf7-not-valid-tip{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.wpcf7-form-control-wrap {
	position: relative;
}
.screen-reader-response{
	text-align: center;
	margin-bottom: calc(var(--v)*40px);
}
.text-area-form .wpcf7-not-valid-tip{
	transform: translateY(-100%);
}
.wpcf7{
	position: relative;
}
.wpcf7-response-output{
	display: none;
}
.screen-reader-response ul{
	display: none;
}
.wpcf7-text{
	border: solid calc(var(--v)*1px) var(--verm);
	padding: calc(var(--v)*10px) 0 calc(var(--v)*10px) calc(var(--v)*10px);
	margin-bottom: calc(var(--v)*35px);
}
#enviar-form{

}
.wpcf7-select{
	border: none;
	border-bottom: solid calc(var(--v)*1px) #a48bf0;
	width: calc(var(--v)*496px);
	padding: calc(var(--v)*10px) 0 calc(var(--v)*10px) 0;
	margin-top: calc(var(--v)*30px);	
}
.wpcf7-textarea{
	border: solid calc(var(--v)*1px) #a48bf0;
	width: calc(var(--v)*800px);
	height: calc(var(--v)*198px);
	padding: calc(var(--v)*10px) 0 calc(var(--v)*10px) calc(var(--v)*10px);
	margin:  auto;
	display: flex;
}
.wpcf7-submit{
	width: calc(var(--v)*300px);
	height: calc(var(--v)*60px);
	text-align: center;
	background-color: var(--roxo);
	border: solid calc(var(--v)*1px) #EBB481;
	margin: calc(var(--v)*80px) auto calc(var(--v)*160px) auto;
	cursor: pointer;
	color: white;
	display: flex;
	justify-content: center;
}
.leia-mais-archive-1 {
	border: solid calc(var(--v)*4px) #E73B50;
	margin: calc(var(--v)*15px) auto auto auto;
	display: flex;
	text-align: center;
	justify-content: center;
	width: calc(var(--v)*565px);
	padding: calc(var(--v)*5px) 0;
}
.OS-30-9-7{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: calc(var(--v)*30px);
	color: #E73B50;
}
.index-post-archive{
	align-items: center;
}
.banner-archive{
	background-image: url('/onejutu/imagens/banner-archive.jpg');
	background-size: cover;
	background-position: center;
	width: 100%;
	height: calc(var(--v)*401px);
}
.M-40-8-7{
	font-family: 'Montserrat';
	font-weight: 700;
	color: #910048;
	font-size: calc(var(--v)*40px);
}
.tt-pesquisa{
	padding: calc(var(--v)*110px) 0;
}

@media screen and (orientation: portrait){
	:root{--f100: 0.86; --f80: 1.14; --f60: 1.43; --f40: 1.72; --f20: 2; --f0: 2.3}
	.grid-2, .grid-3, .grid-4, .grid-70p, .portfolio-grid{
		display: block;
	}
	*{max-width: 100% !important;}
	.content{width: 90%}
	.box-servicos, .index-post{width: 100%;}
	.box-servicos{
		margin-bottom: calc(var(--h)*50px);
	}
	.txt-servicos, .tt-servicos{width: 80%;}
	.img-bg{
		width: 100%;
		aspect-ratio: 4/2.047;
		height: unset;	
	}
	.index-post{
		padding-bottom: calc(var(--h)*30px);
		margin-bottom: calc(var(--h)*40px);
	}
	.grid-endereco p{
		text-align: center;
	}
	#nome-form, #email-form, #tel-form, .wpcf7-textarea{
		width: 100%;
	}
	.grid-form{
		width: 100%;
	}
	#tel-form{
		margin-left: 0;
	}
}
