@charset "utf-8";

/*quem somos*/
.quem-somos-content {
    margin: 33px 0 44px;
    position: relative;
}
.quem-somos-foto-bg .quem-somos-content {
    margin: 33px 0 44px;
    position: relative;
    max-width:900px;
    margin: 0 auto;
}
.quem-somos-foto-bg {
    background-color: #e4e4e4;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    position: relative;
    padding: 10% 0 !important;
}
.quem-somos-page-destaque {padding: 0 0px 0 0px;height: 100%;overflow: hidden;/* mask-image: url(images/mask.png); *//* mask-size: 100%; *//* mask-repeat: no-repeat; *//* mask-position: top left; */position: sticky !important;top: 100px;}
.quem-somos-page-destaque:before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: var(--cor-terciaria);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}
.quem-somos-page-destaque h2 {
    color: var(--cor-secundaria) !important;
    text-transform: none !important;
    font-style:  normal !important;
    font-weight: 200 !important;
    font-size: 38px !important
}

.quem-somos-destacada {
    margin-top: 88px;
    padding: 0 55px 0 0;
}
.quem-somos-destacada img{
    max-width: 333px !important;!i;!;
    filter: brightness(0);
}


.quem-somos-page-texto {padding: 0 0px 0 4%;}
.quem-somos-page-texto ul {
    display: flex !important;
    flex-wrap: wrap;
}

.quem-somos-page-texto ul li {
    background-color: #f1f1f1;
    text-align: left;
    padding: 60px 50px 60px;
    margin: 3px;
    /* font-size: 18px; */
    flex: 1 1  41%;
    position: relative;
}
.quem-somos-page-texto ul li:before {
    content: "";
    display: block !important;
    width: 33px;
    height: 33px;
    position: absolute;
    z-index:0;
    background-color: var(--cor-secundaria);
    text-align: left;
    top: 45px;
    left: 32px;
    margin: 0 !important;
    border-radius: 0 !important;
    mix-blend-mode: multiply;
}
.quem-somos-page-texto ul li strong{ font-size: 18px;}
.quem-somos ul li i {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 47px;
    margin: 22px 0 33px;
}
.quem-somos ul li:before {display: none}
.quem-somos-page-destaque img {line-height: 0;padding: 0;} 
.blocos-quemsomos ul li {
    width: 32%;
    float: left;
    margin: 2% 1%;
    padding: 33px;
    border: 1px solid #9a7652;
    border-radius: 20px;
}
.blocos-quemsomos h2 { color: #9a7652;}
.blocos-quemsomos ul li:hover { background-color: #9a7652;}
.blocos-quemsomos ul li:hover > p,
.blocos-quemsomos ul li:hover > h2 { color: #fff;}
.blocos-quemsomos ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    max-width: none;
}

.blocos-quemsomos ul li:before { display: none;}
.blocos-quemsomos ul li:first-child {width: 100% !important; margin:0}
.blocos-quemsomos ul li:nth-child(2) {margin-left:0 !important;}
.blocos-quemsomos ul li:last-child {margin-right:0 !important;}

/*galerias*/
#carrossel-galeria {
    padding: 0 0px;
    margin-top: 33px;
}
.bloco.galeria {
    /* border-top: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    /* padding-top: 44px; */
    padding-bottom: 11px;
    margin: 0;
}
.galeria-item a {
    height: 0;
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 100%;
}

.galeria-item.galeria-item a img {
    position: absolute  !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    transform-origin:top left;
}
.galeria-item { padding: 0;}
.galeria-item a:hover > img { opacity: 0.6}

#galeria-carrossel .owl-nav { position: initial;}

#carrossel-galeria .owl-nav { top: 30% !important;}
/**/
/*------------------------------------------------------------ */
/* ------------------------- MOBILE -------------------------- */
/*------------------------------------------------------------ */
@media screen and (max-width: 700px) {
    .quem-somos-content {margin: 0px 0;}
    .quem-somos-page-destaque {padding: 0 0px 0 0;top: auto;}
    .quem-somos-page-texto {padding: 22px 0;}
    .blocos-quemsomos ul {padding: 0 !important;margin: 0 !important;flex-direction: column;}
    .blocos-quemsomos ul li {padding: 22px;width: 100%;}
}