@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root{
	--radius:16px;
}

html {
    scroll-behavior: smooth;
}

body{
	font-family: var(--font-primary);
    background-color: var(--background); 
	color: var(--texto);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.32px;
	text-align: left;
}

*::-webkit-scrollbar{
	background:var(--background);
	width:10px;
    padding:3px
}

*::-webkit-scrollbar-thumb{
	width:40px;
	border-radius:3px !important;
    background-color: #777;
}


a{color: var(--cor-1); text-decoration: none;}
a:hover{color: var(--cor-2);}

.transition{-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.clear{width: 100%; clear: both;}
.clear10{width: 100%; height: 10px; clear: both;}
.clear20{width: 100%; height: 20px; clear: both;}

.gradient{
    background: var(--cor-1);
    background: linear-gradient(322deg, var(--cor-1) 0%, var(--cor-2) 100%);
}
.gradient:hover{
    background: var(--cor-2);
    background: linear-gradient(322deg, var(--cor-2) 0%, var(--cor-1) 100%);
}

.text-bg-primary{background-color: var(--cor-1) !important;}

.info-sm{font-size: 10px;}
.btn{padding: 8px 20px; font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 4px}
.btn-lg{padding: 16px 24px; font-weight: 600; font-size: 16px; border-radius: 50px;}

.btn-primary{border-color: var(--cor-1); background-color: var(--cor-1); color:#fff;}
.btn-primary:hover{border-color: var(--cor-2); background-color: var(--cor-2);}

.btn-secondary{border-color: var(--texto); background-color: transparent; color:var(--texto); font-weight: 500;}
.btn-secondary:hover{background-color: var(--texto); color: #fff;}

.btn-cinza{border-color: var(--cinza); background-color: var(--cinza); color:#fff; font-weight: 500;}
.btn-cinza:hover{border-color: var(--cinza-azulado); background-color: var(--cinza-azulado);}

section{clear: both; padding: 60px 0;}
.section-bg{margin:60px 0;}
.section-bg .container{margin-top:60px; margin-bottom: 60px;}

h1{font-size: 56px; line-height: 62px; color: var(--titulos); font-weight: 600;}
h1 span{color: var(--cor-1);}

h2{	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: var(--titulos); }

h3{font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.4px;}

.botao-selo{
	padding: 4px 12px;
	border-radius: 80px;
	border: 1px solid var(--titulos);
	color: var(--titulos);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: inline-table;
}

.breadcrumbs{background-color:var(--cor-1); padding:20px 0; color: #fff; font-size: 14px;}
.breadcrumbs h1{color: #fff;}
.breadcrumb{background:transparent;}
.breadcrumb a{color: #fff;}
.breadcrumb .active{color: #fff;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff;}

/* SLIDER */
.owl-theme .owl-nav button{padding:0 !important; border:0 !important; background:none !important; position: absolute; top:calc(50% - 15px);}
.owl-theme .owl-nav button:hover{border:none !important; background:none !important; outline: none !important;}
.owl-theme .owl-nav button:focus{outline: none !important;}
.owl-theme .owl-nav button svg path{fill: var(--cinza-azulado)}
.owl-theme .owl-nav .owl-prev{left: -30px;}
.owl-theme .owl-nav .owl-next{right: -30px;}
@media(max-width:767px){
    .owl-theme .owl-nav .owl-prev{left: 5px;}
    .owl-theme .owl-nav .owl-next{right: 5px;}
    .owl-theme .owl-nav button svg{width: 15px;}
}
.carousel img{width: auto !important; display: table; margin:auto}

.owl-theme .owl-dots .owl-dot span{width: 8px; height: 8px; background: var(--cinza);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{width: 16px; background:var(--cinza) ;}

.carousel > *{align-self: center;}
.carousel .owl-stage {display: flex; align-items: center;}
.carousel-wrap{position: relative;}
.owl-carousel .owl-nav{overflow: hidden;height: 0px;}

.list-group-item.active{background:var(--cor-2); border-color: var(--cor-2);}

.form-group{margin-bottom: 10px;}
textarea.form-control{min-height: 120px;}

/* HEADER */
#header{width: 100%; z-index: 100; padding: 10px 0;}
#header .container{gap: 30px;}
#header.fixed{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background:#fff; z-index: 20; position: fixed !important}
#header .social a{margin:0 10px}

.menu{gap:8px;}
.menu a{transition: ease 0.5s;}
.menu > li > a{
	transition: all 0.5s ease; 
	font-size: 16px;
	font-weight: 500;
	line-height: 19.09px;
	letter-spacing: 0.02em;
	text-align: left;
	padding: 8px 16px;
	border-radius: 40px;
	color: #fff;
}

.menu > li > a:hover{text-decoration: none; background-color: var(--cinza); color: var(--titulos);}
.menu > li > a:before{background: var(--cor-1) !important;}
.menu > li{position: relative;}
.menu > li > a svg path{fill: #fff;}
.menu > li > a:hover svg path{fill:var(--titulos);}

.menu > li:hover .submenu{
	top:100%;
	pointer-events: all;
	opacity: 1;
	height: auto;
}


.menu > li:hover svg{
	transform: rotate(-180deg);
}

.submenu{
	position: absolute;
	top:calc(100% + 20px);
	left: 0;
	z-index: 100;
	width: 320px;
	height: 0;
	opacity: 0;
	pointer-events: none;
}

.submenu ul{
	background-color: #fff;
	padding: 16px;
	border-radius: 16px;
	border-color: var(--cinza-linha);
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.08);
	width: 100%;
	margin-top: 40px;
}

.submenu ul > li{width: 100%;}
.submenu ul > li > a{font-size: 16px; color: var(--titulos); font-weight: 600; padding: 16px; border-radius: 8px; display: block;}
.submenu ul > li > a:hover{background: var(--cinza);}
.submenu ul > li > a > span{font-size:12px; color: var(--texto); line-height: 16px; font-weight: 400;}
.submenu ul > li > a p{margin: 0; padding: 0;}

.link-whats{font-weight: 500; font-size: 16px;}

.menu-icon{width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px;}
.menu-icon i{font-size: 24px;}

#menuMobile{background-color: var(--background);}

@media(max-width:1280px){
	.menu{gap: 0;}
}

@media(max-width:1199px){
	.menu > li{margin: 10px 0;}
	.submenu{
		width: 100%; 
		position: relative;
		top:calc(100% + 20px);
		left: 0;
		width: 100%;
		height: auto;
		opacity: 1;
		pointer-events: all;
		display: none;
	}

	.submenu ul{margin-top: 10px;}

}

#header.fixed .menu > li > a,
#header.interna .menu > li > a,
#menuMobile .menu > li > a
{color: var(--titulos);}

#header.fixed .logo, 
#header.interna .logo,
#menuMobile .logo
{filter: brightness(0%);}

#header.fixed .menu > li > a svg path,
#header.interna .menu > li > a svg path,
#menuMobile .menu > li > a svg path
{fill: var(--titulos);}

.all-category{display: none;}

@media(max-width:991px){
    .all-category{display: block;}
    .menu{flex-direction: column; gap: 10px;}
    .submenu-submenu-submenu{margin-bottom: 10px;}
    .submenu,.submenu-submenu,.submenu-submenu-submenu{position: relative; left: auto; top: auto;}
    .menu > li > a{font-size: 18px;}
}

#slideshow{
	width: 100%; 
	min-height: 100vh;
	position: relative;
	display: flex;
    justify-content: center;
    flex-direction: column;
	color: var(--branco);
}
#slideshow .bg > *{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#slideshow .container{position: relative; z-index: 1; }
#slideshow h1{color: var(--branco);}
#slideshow a{color: var(--branco); font-size: 16px;}
#slideshow::before{
	content: "";
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 64px;
	background: url(../img/split.png) center center no-repeat;
	z-index: 1;
}

#slideshow video{pointer-events: none;}

#whatsapp{position: fixed; width: 50px; height: 50px; background-color: green; color: #fff; right: 20px; bottom: 20px; border-radius: 50%; text-align: center; line-height: 50px;}

@media(min-width:1440px){
    .container{max-width: 1440px;}
}

.container-md{max-width: 1200px; margin: auto;}

/* CLIENTES */
#clientes .swiper-slide{width: 96px; height: 40px; }
#clientes .logo{width: 96px; height: 40px; display: flex; justify-content: center; align-items: center;}
#clientes .logo img{object-fit: contain;}

#home_blog h2{font-size: 24px;}
#blog h2{font-size:18px; margin:10px 0; display:block}
#blog .blog-post{margin-bottom:30px}
#blog-post img{max-width: 100%;}

.bloco{padding: 32px; border-radius: var(--radius); border: solid 1px var(--cinza-linha); background-color: var(--cinza); font-size: 12px; line-height: 18px; min-height: 254px; margin-bottom: 30px;}
.bloco h3{font-size: 16px; line-height: 20px; color: var(--titulos); margin-top: 24px; margin-bottom: 16px; font-weight: 600;}
.bloco h4{font-size: 14px; font-weight: 400;}

.swiper-blocos .swiper-slide{width: 70% !important;}

#numeros p{margin: 0; padding:0;}
#numeros .numero h2{font-size: 48px; letter-spacing: -1.92px; color: var(--cor-1); margin:0; padding: 0; margin-right: 10px; font-weight: 700;}
#numeros h3{font-size: 24px; color: var(--titulos); margin:0; padding: 0;}
#numeros .col{border-right: solid 1px var(--cinza);}
#numeros .col:last-child{border:none}

@media(max-width:767px){
	#numeros .col{border-right: none; border-bottom: solid 1px var(--cinza); padding-bottom: 20px; margin-bottom: 20px;}
}

#limites ul{list-style: none; padding: 0; margin:40px 0;}
#limites li{display: flex; align-items: center; margin:5px 0; gap: 5px;}
#limites li::before{content: "\F633"; font-family: 'bootstrap-icons' !important; color:#0FB930;}


/* DEPOIMENTOS */
#depoimentos-video h3{font-size: 24px; font-weight: 500;}
#depoimentos-video h2{margin: 40px 0; }
#depoimentos-video h4{font-size: 14px; font-weight: 500; color: var(--titulos); margin:5px 0;}
#depoimentos-video h5{font-size: 14px; font-weight: 400;}

#depoimentos-video .swiper-wrapper{align-items: center;}
#depoimentos-video .video{position: relative;}
#depoimentos-video .video svg{position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px;}
#depoimentos-video .swiper-depoimentos .video{position: relative; aspect-ratio: 9/16; max-width: 100%; margin:auto; margin-bottom: 10px;}
#depoimentos-video .swiper-depoimentos video{
	pointer-events: none;
	object-fit: cover; 
	border-radius: var(--radius); 
	filter: brightness(60%); 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
}

#depoimentos-video .swiper-slide{transform: scale(0.7);}
#depoimentos-video .swiper-slide-active{
	transform: scale(1);
}
#depoimentos-video .swiper-slide-active video{
	filter: brightness(100%); 
}

#depoimentos-video .swiper-slide:not(.swiper-slide-active){pointer-events: none;}
#depoimentos-video .swiper-slide-active{cursor: pointer;}

@media(max-width:767px){
	#depoimentos-video .swiper-slide{transform: scale(1); width: 60%;}
}

#depoimentos-texto .swiper-slide{max-width:400px;}
#depoimentos-texto .swiper-slide .bloco{height: 250px;}
#depoimentos-texto .bloco{font-size: 16px; color: var(--texto); line-height: 150%;}
#depoimentos-texto .bloco .text{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: var(--titulos);
}
#depoimentos-texto .bloco a{color: var(--texto);}

#depoimentos-texto{position: relative;}
#depoimentos-texto::before{
	content: "";
	position: absolute;
	width: 20%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 2;
}
#depoimentos-texto::after{
	content: "";
	position: absolute;
	width: 20%;
	height: 100%;
	right: 0;
	top: 0;
	background: rgb(255,255,255);
	background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 1;
}

.swiper-btn{width: 32px; height: 32px; background-color: var(--cinza); border-radius: 50%; color: var(--cor-1); font-size: 24px; text-align: center; line-height: 32px; }
.swiper-btn:hover{background-color: var(--cinza-azulado); color: #fff;}
.swiper-btn:active{transform: scale(0.95);}

#ecossistema .bloco{min-height: 452px; font-size: 14px; min-width: 250px; }
#ecossistema .bloco h3{font-size: 20px; font-weight: 500;}
#ecossistema .bloco:hover{background-color: var(--cor-1); color:var(--branco); transform: translateY(-10px);}
#ecossistema .bloco:hover h3{color:var(--branco);}
#ecossistema .bloco:hover img{filter: invert();}

@media(max-width:767px){
	#ecossistema .bloco{min-height: auto; }
	#ecossistema .bloco .btn{margin-top: 20px;}
}

#home_bloco_3 .swiper-slide{max-width: 350px;}

video::-webkit-media-controls {
	display: none;
  }


#cases-result .case{width: 33%; float: left; position: relative; overflow: hidden;}
#cases-result .case::before{
	content: "";
	position: absolute;
	width: 100%; 
	height: 80%;
	left: 0; bottom: 0;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
}

#cases-result .case .text{position: relative; padding: 30px; color: var(--branco); position: absolute; bottom: 0; z-index: 2;}
#cases-result .case img{aspect-ratio: 16/9; object-fit: cover; object-position: top; width: 100%; height: 100%;}
#cases-result .case h3{font-size: 24px; font-weight:500;}
#cases-result .case h4{font-size: 14px;}

#cases-result .case:hover img{transform: scale(1.1);}

@media(max-width:991px){
	#cases-result .case{width: 50%;}
}

@media(max-width:767px){
	#cases-result .case{width: 100%;}
	#cases-result .case h3{font-size: 18px; font-weight:500;}
	#cases-result .case h4{font-size: 12px;}
}

#aprenda h3{font-size: 24px; color: #fff;}
#aprenda a{color: #fff;}
#aprenda .box-aprenda{padding: 30px; flex: 1; border-radius: var(--radius); min-height:320px; min-width: 250px; display: flex; flex-direction: column; justify-content: flex-end; position: relative;}
#aprenda .box-aprenda::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius);
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
#aprenda .box-aprenda .text{position: relative; max-width: 250px;}
#aprenda .box-aprenda:last-child{flex: 2;}

#duvidas h3{font-size: 16px; color: var(--titulos); margin: 0;}
#duvidas .duvida{border-bottom: solid 1px var(--cinza); padding: 24px 0; display: block; cursor: pointer;}
#duvidas .duvida .text{padding: 10px;}
#duvidas .duvida i{color: var(--cor-1);}

#contato p{margin:0; padding: 0;}
.contato{min-width: 220px; font-size: 16px;}
.contato h3{font-size: 16px; font-weight: 600; color: var(--titulos);}
.contato h4{font-size: 14px; font-weight: 400; color: var(--titulos); margin: 0;}
.contato i{color: var(--cor-1);}

.form-control{height: 50px; border: solid 1px var(--cinza); margin-bottom: 8px; padding-left: 16px; font-size: 14px; letter-spacing: 0.28px; border-color: var(--cinza-linha);}
.form-control::placeholder{color: var(--texto);}
form .btn{border-radius: 6px; height: 50px;}
.form-select{color: var(--texto);}
textarea.form-control{padding-top: 16px;}

#newsletter{padding: 40px 0;}
#newsletter p{margin: 0;}

footer{font-size: 14px;}
footer h2{font-size: 14px; color: var(--titulos); margin-bottom: 20px;}
footer a{color: var(--texto);}
footer a:hover{color: var(--cor-1);}
footer .footer-col{max-width: 280px;}
footer .footer-col ul{padding: 0; margin:0; list-style: none;}
footer .footer-col ul li{margin:10px 0}

.logos-footer{height: 60px; display: flex; justify-content: center; align-items: center;}

.footer-social{display: flex; gap: 15px;}
.footer-social a{font-size: 20px; color: var(--titulos);}

.footer-bar{padding: 80px 0;}
.footer-bar .title h2{font-size: 24px; font-weight: 500; color: var(--titulos); margin-bottom: 20px;}
.footer-bar .contato{font-size: 14px; margin-bottom: 20px; display: block;}

#seo{font-size: 14px;}
#seo h1{font-size: 24px; font-weight: 500; color: var(--titulos); margin-bottom: 20px;}
#seo .text{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#seo .text.show{
	display: block;
}