@charset "utf-8";

/*quem somos*/
.quem-somos-content {
    margin: 80px 0 44px;
    position: relative;
}
/*FF LAW*/
.quem-somos-content > div {}
.quem-somos-content > div:nth-child(1) {
    background-color: #0CA5AB;
    height: fit-content;
    width: 30%;
    padding: 34px 40px 23px 40px;
    border-radius: 22px 0;
    position: sticky;
    top: 88px;
	    border-radius: 0;

    /* Cria o chanfro no canto superior direito */
    clip-path: polygon(
        0 0,              /* top-left */
        calc(100% - 30px) 0, /* chanfro começa 10px antes do topo direito */
        100% 30px,        /* chanfro desce até 10px */
        100% 100%,        /* bottom-right */
        0% 100%           /* bottom-left */
    );
}
.quem-somos-content > div:nth-child(2) {
    width: 70%;
    padding: 0 0 0 44px;
}
.quem-somos-content > div:nth-child(1) h2,
.quem-somos-content > div:nth-child(1) p {color:#fff; text-align:left}
.quem-somos-content > div:nth-child(1) p {font-size:16px; font-weight:600}
@media screen and (max-width: 700px) {
    .quem-somos-content > div:nth-child(1) {
    width: 100%;
    padding: 22px 30px 20px 30px;
    border-radius: 22px 0;
    position: unset;
    margin: 55px 0 22px;
}
.quem-somos-content > div:nth-child(2) {
    width: 100%;
    padding: 20px 0 0 0px;
}
}
/*//*/
.quem-somos-page-destaque {padding: 0 0px 0 0px;height: 100%;overflow: hidden;}
.quem-somos-page-destaque:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background: #11304D;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}
.quem-somos-page-texto {padding: 0 0px 0 4%;}

.quem-somos-page-destaque img {position: sticky !important;top: 0;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;}

.folder {
    display: flex;
    background-color: #0CA5AB;
}

.folder div:first-child {
    justify-content: right;
    text-align: left;
}
.folder div:last-child {
    align-items: center;
}

.folder h3 {
    color: #fff !important;
    text-align: left !important;
    display: contents;
}

.folder div {
    padding: 42px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.folder p {
    font-size: 18px;
    text-align: left;
    color: #fff;
    font-weight: 500;
}
/*------------------------------------------------------------ */
/* ------------------------- MOBILE -------------------------- */
/*------------------------------------------------------------ */
@media screen and (max-width: 700px) {
    .quem-somos-content {margin: 0px 0;}
    .quem-somos-page-destaque {padding: 0 0px 0 0;}
    .quem-somos-page-texto {padding: 0 22px;}
    .blocos-quemsomos ul {padding: 0 !important;margin: 0 !important;flex-direction: column;}
    .blocos-quemsomos ul li {padding: 22px;width: 100%;}
}