@charset "utf-8";
/*servicosgrid */
div#servicos_mod3_widget-2, div#servicos_mod3_widget-3 {
}
article#servicosgrid * { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
article#servicosgrid {
    padding: 0 !important;
}
article#servicosgrid h2.widget-title {
    text-align: center !important;
}
article#servicosgrid {
    padding: 88px 0 !important;
    background-image: none !important;
    position: relative;
    overflow: hidden;
}
article#servicosgrid:before {
	content: "";
	display: block;
	width: 100%;
	height: 100% !important;
	background-color: #0e578ad4;
    background-image: none !important;
	position: absolute;
	overflow: hidden;
	top: 0;
}
article#servicosgrid .widget-descricao, .widget-descricao p {text-align:center;display: block;max-width: 100%;}
article#servicosgrid > div {/* background-color: #403c39; *//* display: flex; */align-items: center;justify-content: center;}
article#servicosgrid > div:first-child {/* padding-left:7%; */}
article#servicosgrid > div:last-child {padding: 0 7%}
#servicosgrid .col100.wtit {
    position: relative;
    top: 90px;
	margin-top: -117px;
    z-index: 2;
}
#servicosgrid .wrap {padding: 30px !important;}
.servicosgrid-s-destacada {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
		border-radius: 100%;
}
.setorlista-tit {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.setorlista-tit img {
    width: 48px !important;
    margin-bottom: 10px;
}

.item-texto.setorlista .texto-content {width: 100%;}

.grid-servicos-item {
    position: relative;
    padding: 22px;
    overflow: hidden;
    float: left;
    width: 33.3333333%;
    padding-bottom: 0%;
}
.grid-servicos-item:nth-child(4),
.grid-servicos-item:nth-child(5),
.grid-servicos-item:nth-child(7) {
    width: 50%;
    /* padding-bottom:50%; */
}
.grid-servicos-item > div {border: 1px solid #fff;border-radius: 0;overflow:hidden;position: relative;backdrop-filter: blur(4px);padding-bottom: 300px;background-color: transparent;border-radius: 22px;}


.grid-servicos-item a {	text-decoration:none !important}

.grid-servicos-item:hover > div .overlay {top:0;opacity: 1;}
.grid-servicos-item:hover > div .item-texto {top: -100%; background-color:transparent; }
.grid-servicos-item:hover > div .setorlista-resumo {bottom: 0;opacity:1; background-position-x: -50px;}
.grid-servicos-item:hover > div .item-texto:after { opacity:0;}

.grid-servicos-item .overlay {display:block;width:100%;height:100%;position:absolute;top: 350px;left:0;background-color: #000000ab;z-index: 0;opacity: 0;}
.grid-servicos-item .item-texto {
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
    background-color: transparent;
}
.grid-servicos-item .item-texto > div {  width: 100%;}

.setorlista-resumo {width:100%;height:100%;font-size:14px;position:absolute;bottom:-300px;opacity:0;padding: 22px;z-index: 1;text-align: center;display:flex;flex-direction:column;align-items: center;justify-content: center;line-height: 120%;background-size: contain;background-position-x: -1000px;background-repeat: no-repeat;}

.setorlista-resumo img {width: 0;}
.setorlista-resumo .tit { font-size:16px; font-weight:600; padding:7px 0}
.setorlista-resumo a {color: #ffffff !important;text-align: center !important;font-size: 12px;}

.grid-servicos-item a.item-foto {
    height: 100%;
    display: block;
    opacity: 0;
}
.grid-servicos-item a.item-foto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center !important;
}
ul.setorlista-vejamais li a {
	display:block;
	padding:10px;
	font-size:16px;
	text-align:left;
	text-decoration:none;
}
ul.setorlista-vejamais li a:hover {
	text-decoration: underline;
	padding-left:20px;
}
/******************************************************/
/*******************  MOBILE  *************************/
/******************************************************/
@media screen and (max-width: 700px) {
#servicosgrid .wrap {  padding-left: 0 !important;}
article#servicosgrid {
    flex-direction: column;
}
div#grid-servicos {
    display: flex;
    flex-direction: column;
}
.grid-servicos-item {
    width: 100% !important;
    /* padding-bottom:50%; */
}
#servicosgrid .wrap {
    padding: 0px !important;
}
}