/* GERAIS */

 :root {
    --cor-primaria: #051F44;
    /* --cor-principios: #1E3238; */
    --cor-secundaria: #EA601E;
    --cor-titulo: #4C4C4C;
    --cor-texto: #4C4C4D;
    --cor-branco: #FFFFFF;
    --cor-preto: #000000;
    --cor-input: #849698;
    --cor-cinza: #F5F5F5;
    --box-detalhe: #ADC2CE;
    --fonte-menu: 'Lexend Deca', sans-serif;
    --fonte-banner: 'Cerebri sans', sans-serif;
    --fonte-detalhe: 'Roboto', sans-serif;
    --fonte-titulo: 'Poppins', sans-serif;
    --fonte-textos: 'Nunito sans', sans-serif;

}

@font-face {
    font-family: 'Cerebri sans';
    src: url('CerebriSansPro.otf') format('opentype'), url('CerebriSansPro.ttf') format('truetype');

}

html {
    scroll-padding-top: 65px;
}

body {
    overflow-x: hidden;
}


.texto-centro p {
    text-align: center;
}

.sombra {
    position: absolute;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 34px;
}

.fancybox img {
    transition: 0.3s;
}

.area-sombras-duplas {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 150px;
}

.area-sombras-duplas img {
    width: 45%;
}



@media (max-width: 320px) {
    .cima .titulo h1 {
        font-size: 25px !important;
    }
}

@media (max-width: 1024px) {
    .area-sombras-duplas {
        /* position: absolute;
           gap: 200px;
           bottom: -144px; */
        display: none;
    }


}

@media (min-width: 1000px) {
    .fancybox img:hover {
        transform: scale(1.02);
    }

    /* .cima {
        margin-top: 60px;
    } */
}

@media (min-width: 768px) {

    .fancybox {
        transition: 0.8s;
    }

    .fancybox:hover {
        transform: scale(1.03);
    }

}


/* TOPO */
.topo {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.topo nav {
    display: flex;
    /* justify-content: end; */
    justify-content: center;
    align-items: center;
}

.menu-area {
    background-color: transparent;
    height: 90px;
    position: absolute;
    z-index: 5;
    width: 100%;
    margin-top: 20px;
}

.arrow{
   transition: 0.4s ease-in-out;
} 
i.arrow.up {
   transform: rotate(180deg);
}

.topo .menu-area {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 40px;
}

/* .menu-topo .menu-area .center {
    width: 1550px;
    max-width: 1550px;
} */


.menu-topo nav ul {
    display: flex;
    list-style: none;
    gap: 40px;
    height: 90px;
    align-items: center;
    justify-content: space-between;
}

.menu-topo nav ul li {
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 10px 5px 5px 5px;
}

.menu-topo nav ul li a {
    color: #ffffff;
    font-family: var(--fonte-menu);
    font-weight: 500;
    font-size: 1em;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:6px;
}


.menu-topo nav ul li a::before {
    display: flex;
    justify-content: center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
}

.menu-topo nav ul li:not(li.active) a::after {
    content: "";
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
}

.menu-topo nav ul li:not(li.active) a:hover::before {
    animation: animate_principal 0.5s linear forwards;
    -webkit-animation: animate_principal 0.5s linear forwards;
    -ms-animation: none;
}

.menu-topo nav ul li.active a {
    font-weight: 600;
    color: var(--cor-secundaria);
}

img.logo-menu {
    padding: 10px;
}

/* .logo-iplan {
   position: relative;
   right: 60px;
} */

.menu-links {
    gap: 30px;
    display: flex;
}



.link-assessoria {
    z-index: 3;
    list-style-type: none;
}

.menu-topo .dropdown {
    position: absolute;
    /* top: 70px; */
    top: 34px;
    /* background: #29467D; */
    background: var(--cor-primaria);
    /* width: 100%; */
    width: 90%;
    /* padding: 10px; */
    z-index: 2;
    text-align: start;
    display: none;
    transition: 0.4s ease-in-out;
    border-radius: 4px;
}

.link-dropdown {
    cursor: pointer;
}


/* .dropdown:hover{
   background-color: var(--cor-secundaria);
} */
.menu-topo .dropdown a {
    padding: 10px 5px 10px 5px;
}

.menu-topo .dropdown a:hover {
    background-color: var(--cor-secundaria);
}


/* .link-assessoria .dropdown{
   background-color: var(--cor-primaria);
}

.link-assessoria .dropdown a:hover {
   background-color: var(--cor-secundaria);
} */

@media (max-width:1024px) {
    .menu-topo .dropdown {
        top: 2px;
        /* top:61px; */
        background-color: var(--cor-secundaria);
        position: relative;
        width: 330px;
    }

    .menu-topo nav ul li a {
       display: flex;
       align-items: center;
   }

}

@media (max-width: 375px) {
   .menu-topo nav ul li a {
       font-size: 1.25em;
       /* font-size: 1.563em; */
   }
}



@media (max-width:320px) {
   .menu-topo .dropdown {
       width: 264px;
   }

}

@supports (-ms-ime-align: auto) {
    nav.menu.principal .menu ul li a:hover:before {
        animation-name: none;
    }
}

.menu-topo .menu-area .area-logo {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 200px;
}

.menu-mobile-ativador {
    display: none;
}

.menu-mobile {
    display: none;
}


/* topo 1024 */
@media (max-width: 1024px) {
    .menu-area {
        background: transparent;
        border: none;
    }

    .topo .barra {
        background-color: var(--cor-primaria);

    }

    .topo .barra .hamburger {
        z-index: 2;
    }

    .topo {
        position: relative;
    }

    .menu-topo .center {
        width: 100% !important;
        padding: 0;
        bottom: unset;
    }

    .menu-topo .menu-area {

        position: absolute;
        top: 85px;
        width: 100%;
    }

    .menu-topo nav {
        display: none;
        /* left: -101%; */
        /* transition: 0.8s; */
        width: 100%;
        top: 0;
        /* position: relative; */
        z-index: 2;
        /* background: #DE3E43; */
        background: var(--cor-primaria);
        box-sizing: border-box;
        border-top: 3px solid #ffffff;
        position: absolute;

    }


    .menu-links {
        display: flex;
        flex-direction: column;
    }

    .menu-topo nav ul {
        flex-direction: column;
        margin-bottom: 40px;
        width: 100%;
        height: auto;
        align-items: start;
        /* margin-left: 50px; */
        align-items: center;
        margin: auto;
    }

    .menu-topo nav ul a {
        color: #ffffff;
        height: 60px;
        text-decoration: none;
    }

    .menu-topo nav ul li {
        position: relative;
    }

    .menu-topo nav ul li.active a {
        font-weight: 600;
        color: var(--cor-terciaria);
    }

    .menu-topo nav ul li {
        padding: 20px;
        margin-right: 0 !important;
    }

    .menu-mobile-ativador {
        display: flex;
        justify-content: space-between;
        /* justify-content: flex-end; */
        padding: 20px 40px;
        align-items: center;
        background-color: var(--cor-primaria);
    }

    .menu-mobile-ativador img {
        width: 150px;
    }

    .mostrar-menu {
        display: block !important;
        /* left: 0% !important; */

    }

    .topo img.sombra {
        display: none;
    }

    .topo nav ul li a::after,
    .topo nav ul li a::before {
        display: none;
    }

    .topo nav ul li a:hover:after,
    .topo nav ul li a:hover::before {
        animation: none;
    }

    @media (max-width:320px) {
        .menu-topo .dropdown {
            top: 5px;
        }

        .menu-topo .dropdown a {
            padding: 13px 11px 28px 5px;
        }
    }

    /*Hamburger menu*/


    .hamburger .line {
        width: 40px;
        height: 4px;
        background-color: var(--cor-terciaria);
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .hamburger:hover {
        cursor: pointer;
    }


    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        -webkit-transform: translateY(13px) rotate(45deg);
        -ms-transform: translateY(13px) rotate(45deg);
        -o-transform: translateY(13px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-13px) rotate(-45deg);
        -ms-transform: translateY(-13px) rotate(-45deg);
        -o-transform: translateY(-13px) rotate(-45deg);
        transform: translateY(-14px) rotate(-45deg);
    }

    .menu-topo nav ul li.active:first-child,
    .menu-topo nav ul li:hover:first-child {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .menu-topo nav ul li.active:last-child,
    .menu-topo nav ul li:hover:last-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .menu-topo nav ul li a {
        color: #ffffff;
        font-size: 1.563em;
    }

    img.logo-menu {
        display: none;
    }

    .menu-topo .menu-area li.dropdown {
        background-position-x: right !important;
        width: auto !important;
        justify-content: center;
        background-position-y: 35px !important;
        padding: 20px;
    }


    .menu-topo .menu-area li.dropdown.re:active .conteudo-drop {
        width: 100px;
    }

    .conteudo_dropdown_1 {
        display: none;
    }

    .conteudo_dropdown_1.mostrar {
        display: block;
    }


    .menu-topo .menu-mobile {
        position: absolute;
        top: 85px;
        width: 100%;
    }

    .menu-mobile .seta {
        position: relative;
        top: -4px;
    }

    .menu-mobile .cont {
        display: none;
        justify-content: center;
        align-self: center;
        flex-direction: column;
        background: #44b06480;
        width: 700px;
        padding-top: 30px;
    }
}

/* topo 1440 */
@media(max-width:1440px) {
    .topo nav {
        margin-right: 50px;
    }
}


/* topo 425 */
@media(max-width:425px) {
    .topo nav {
        top: -35px;
    }

    .topo nav ul {
        margin-left: 0;
    }

    .topo nav ul li a {
        font-size: 1.25em;
    }

}


@media(max-width:375px) {
    .menu-mobile-ativador {
        gap: 30px;
    }

    .topo img.logo {
        width: 90%;
    }
}

@media(max-width:768px) {
    .menu-mobile .cont {
        width: 100%;
    }
}


/* BANNER */
.banner {
    position: relative;
}

.banner .item-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 30%;
    z-index: 1;
}

.banner .lista {
    margin-bottom: 0px !important;
    margin-top: -18px;
}

.banner video {
    width: 100%;
    height: auto;
    /* object-fit: fill; */
    object-position: center;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    /* height: 100%; */
    object-fit: cover;
}

.banner .item-banner {
    position: relative;
}

.banner .item-banner img.imagem {
    width: 100%;
    position: relative;
    object-fit: cover;
    /* margin-top: 90px; */
}

/* .banner .item.slick-active  img {
    transform: scale(1.2);
    transition: all 6000ms linear;
} */

.banner .item-banner .texto-banner {
    position: absolute;
    top: 49%;
    padding: 10px;
    left: 19%;
    font-family: var(--fonte-banner);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    width: 70%;
    z-index: 2;
}

.banner .item-banner .texto-banner .descricao {
    /* width: 550px; */
    width: 43%;
    font-weight: 200;
    line-height: 25px;
    font-size: 1.25em;
}


.banner .item-banner .texto-banner .titulo {
    /* width: 90%; */
    margin-bottom: 40px;

}

.banner .leia-mais-banner p {
    font-size: 1.25em;
    color: var(--cor-branco);
}

.banner .item-banner .texto-banner .titulo h1 {
    font-size: 3.75em;
    font-weight: bold;
    font-family: var(--fonte-banner);
    width: 50%;
}

.banner .item-banner.textos-banner .texto p,
.banner .item-banner .textos-banner .texto div {
    font-size: 1.25em;
    font-weight: 200;
    font-family: var(--fonte-banner);
}


/* .leia-mais-banner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 40px;
} */

.banner .area-detalhe {
    position: absolute;
    bottom: -1px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.banner .area-detalhe a {
    position: absolute;
    top: 10px;
}

.banner .area-detalhe .flutuar {
    animation-name: flutuar;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: flutuar;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes flutuar {
    from {
        transform: translate3d(0, 3px, 0);
        filter: brightness(100%);
    }

    to {
        transform: translate3d(0, -4px, 0);
        filter: brightness(150%);
    }
}

@keyframes flutuar {
    from {
        transform: translate3d(0, 3px, 0);
        filter: brightness(100%);
    }

    to {
        transform: translate3d(0, -4px, 0);
        filter: brightness(150%);
    }
}

.banner .area-detalhe .seta-detalhe {
    height: auto;
    width: auto;
}


/* BANNER 1044 */

@media (max-width:1440px) {
    .banner .item-banner .texto-banner .titulo h1 {
        width: 80%;
    }

    .banner .item-banner .texto-banner .descricao {
        width: 80%;
    }
}


/* BANNER 1024 */
@media(max-width:1024px) {
    .banner .lista {
        margin-top: 80px;
    }

    .banner .item-banner .texto-banner {
        top: 28%;
        /* left: 8%; */
    }

    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 2.5em;
    }

    /* .banner .item-banner .texto-banner {
        width: 100%;
    } */



}

/* BANNER 768 */
@media(max-width:768px) {
    .banner .item img {
        height: 100%;
    }

    .banner .item-banner .texto-banner {
        left: 14%;
    }

    .banner .item .texto-banner {
        top: 460px;
    }

    /* .banner .item-banner .texto-banner {
        left: 10%;
    } */

    .banner .item-banner .texto-banner .descricao {

        font-size: 1.125em;
    }

    .leia-mais-banner .bg-flecha {
        width: 50px;
        height: 50px;
    }

}



@media(max-width:430px) {
    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 1.5em;
        width: 300px;
    }

    .banner .item-banner .texto-banner .descricao {
        font-size: 1.125em;
        width: 320px;
    }

    .banner .leia-mais-banner p {
        font-size: 1.125em;
    }

    .banner .item-banner .texto-banner {
        top: 7%;
    }


    .leia-mais-banner .bg-flecha img {
        width: 14px;
        height: auto;
    }

}


/* BANNER 425 */
@media(max-width:425px) {
    .banner .item-banner .texto-banner {
        top: 10%;
        /* width: 290px; */
        width: 91%;
        left: 0%;
    }

    .item-banner .leia-mais-banner .bg-flecha img {
        width: 14px;
        height: auto;
    }

    .leia-mais-banner .bg-flecha {
        width: 40px;
        height: 40px;
    }

    .banner .item-banner .texto-banner {
        top: 10%;
        /* width: 290px; */
        width: 91%;
        left: 0%;
    }

    .banner .item-banner .texto-banner.video {
        top: 1%;

    }

    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 1.5em;
        width: 97%;
        margin-left: 20px;
    }

    .banner .item-banner .texto-banner .descricao {
        width: auto;
        font-size: 1em;
        margin-left: 20px;
    }

    .banner .item-banner .texto-banner .descricao.video p {
        padding-top: 10px;
        margin-top: -20px;
    }


    .conteudo .area-um-sobre .titulo-sobre {
        margin-top: 4px;
    }

    .leia-mais-banner {
        display: flex;
        /* align-items: center; */
        gap: 20px;
        padding-top: 8px;
        margin-left: 10px;
    }

    .banner .leia-mais-banner p {
        font-size: 1em;
    }

    .leia-mais-banner .bg-flecha {
        width: 40px;
        height: 40px;

    }

}

@media(max-width:430px) {
    .leia-mais-banner {
        margin-left: 18px;
        padding-top: 20px;
    }

    .item-banner .leia-mais-banner .bg-flecha img {
        width: 14px;
        height: auto;
    }

    .leia-mais-banner .bg-flecha {
        width: 40px;
        height: 40px;
    }

    .banner .item-banner .texto-banner {
        top: 10%;
        /* width: 290px; */
        width: 91%;
        left: 2%;
    }

    .banner .item-banner .texto-banner.video {
        top: 5%;
        /* width: 290px; */
        width: 91%;
        left: 0%;
    }

    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 1.5em;
        width: 97%;
        /* margin-left: 20px; */
    }

    .banner .item-banner .texto-banner .descricao {
        width: auto;
        font-size: 1em;
        /* margin-left: 20px; */
    }

    .banner .item-banner .texto-banner .descricao.video p {
        padding-top: 10px;
        margin-top: -20px;
    }

}


/* BANNER 392 */
@media(max-width:392px) {
    .banner .item .texto-banner {
        top: 40px;
    }
}

@media (min-width:376px) and (max-width:424px) {
    .banner .item-banner .texto-banner.video {
        top: 0%;
        /* width: 290px; */
        width: 80%;
        left: 0%;
    }
}


/* BANNER 375 */
@media(max-width:375px) {
    .banner .item .texto-banner .titulo h1 {
        font-size: 1.563em !important;
    }

    .banner .item .texto-banner .titulo {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .banner .item-banner .texto-banner .descricao.video p {
        padding-top: 10px;
        margin-top: -25px;
        font-size: 14px;
    }


}


/* BANNER 320 */
@media(max-width:320px) {

    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 1.25em;
        width: 100%;
        margin-left: 20px;
    }

    .banner .item-banner .texto-banner .descricao {
        width: auto;
        font-size: 0.875em;
        margin-left: 20px;
    }

    .bg-flecha {
        width: 40px;
        height: 40px;
    }

    .leia-mais-banner {
        margin-left: 18px;
        padding-top: 20px;
    }

    .leia-mais-banner .bg-flecha {
        width: 30px;
        height: 30px;
    }

    .banner .item .texto-banner {
        padding-top: 50px;
        top: -45px;
    }

    .banner .item-banner .texto-banner .descricao.video p {
        padding-top: 10px;
        margin-top: -28px;
        font-size: 14px;
    }

    .banner .item .texto-banner .titulo {
        margin-bottom: 40px;
        margin: 25px auto;
    }

    .banner .item .texto-banner .titulo h1 {
        line-height: 35px;
    }

}


.leia-mais p {
    margin-top: 10px;
}

.bg-flecha {
    background-color: var(--cor-secundaria);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
}

.leia-mais-banner .bg-flecha img {
    width: 20px;
    height: auto;
}



/* ============ SOBRE =========== */


#sobre {
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
}


.area-um-sobre .titulo-sobre {
    display: flex;
}

.area-um-sobre .btn-veja-mais {
    background-color: var(--cor-secundaria);
    width: 166px;
    height: 66px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    transition: 0.4s ease;
    cursor: pointer;
}

.area-um-sobre .btn-veja-mais:hover {
    box-sizing: border-box;
    background-color: var(--cor-primaria);
}

.area-um-sobre .btn-veja-mais a {
    color: var(--cor-branco);
    font-family: var(--fonte-textos);
    font-weight: 500;
    text-align: center;
}


.texto-sobre p {
    width: 90%;
}

.texto-sobre .subtitulo {
    width: 95%;
    font-family: var(--fonte-titulo);
    font-weight: 300;
    font-size: 2.5em;
    line-height: 130%;
    padding: 20px 0px 20px 0px;
    color: var(--cor-titulo);

}

.texto-sobre p {
    font-family: var(--fonte-textos);
    line-height: 160%;
    font-size: 1em;
    color: var(--cor-titulo);
    width: 95%;
}


.area-um-sobre .final {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sobre .conteudo {
    width: 100%;
    display: flex;
}

#sobre .conteudo .area-um-sobre {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    /* margin-left: 20px; */
    margin-bottom: 20px;
    width: 50%;
}

#sobre .conteudo .area-um-sobre h1 {
    font-family: var(--fonte-titulo);
    color: var(--cor-secundaria);
    font-weight: 500;
    font-size: 1.25em;
    /* margin-left: 154px; */

}

#sobre .conteudo .area-um-sobre .texto {
    font-family: var(--fonte-textos);
    font-size: 1em;
    width: 95%;
}


.area-dois {
    /* width: 50%; */
    display: flex;
    gap: 12px;
    padding-top: 40px;
    /* position: relative;
    z-index: 1; */
}

/* .area-dois::before{
   content: '';
   position: absolute;
   background-image: url(../img/bg-area2.png);
   width: 100%;
   height: 70%;
   z-index: -1;
} */


.area-dois {
    background-image: url(../img/bg-area2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% 100%;
}

.coluna1 {
    display: flex;
    /* display: none; */
    flex-direction: column;
    gap: 20px;
}

.coluna2 {
    display: flex;
    /* display: none; */
    flex-direction: column;
    gap: 20px;
}

.card1 {
    width: 100%;
}

.texto-card2, .texto-card3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

#sobre .area-dois .coluna1 .card2 .texto-card2 #odometer {
    font-family: var(--fonte-titulo);
    font-size: 3em;
    font-weight: 600;
    display: flex;
    gap: 4px;
}

#sobre .area-dois .coluna2 .card3 .texto-card3 #odometer {
    font-family: var(--fonte-titulo);
    font-size: 3em;
    font-weight: 600;
    display: flex;
    gap: 4px;
}


/* .titulo-card {
    font-family: var(--fonte-titulo);
    font-size: 2.5em;
    font-weight: 600;
} */

.texto-card2 .subtitulo-card, .texto-card3 .subtitulo-card {
    font-family: var(--fonte-titulo);
    font-size: 1.125em;
    text-align: center;
}

.card2 {
    width: 70%;
    background-color: var(--cor-primaria);
    margin-left: 30%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #ffffff;
}


.card3 {
    width: 70%;
    background-color: var(--cor-secundaria);
    margin-right: 30%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: white;
}



/* SOBRE 1024 */
@media(max-width:1024px) {
    #sobre {
        margin-top: -150px;
    }

    #sobre .conteudo {
        display: flex;
        flex-direction: column;
    }

    .area-um-sobre .texto-sobre .subtitulo {
        padding: 0px 0px 20px 0px;
    }

    #sobre .conteudo .area-um-sobre {
        width: 100%;
        gap: 30px;
    }

    .area-um-sobre .btn-veja-mais {
        margin: auto;
    }

    #sobre .conteudo .area-dois {
        width: 100%;
        justify-content: center;
    }
}


/* SOBRE 768 */
@media(max-width:768px) {

    .area-um-sobre .topo.sobre .caixa-detalhe {
        left: 28px;
    }

    /* #sobre {
        display: flex;
        flex-direction: column;
    }

    #sobre .conteudo {
        display: flex;
        flex-direction: column;
    } */

    #sobre .conteudo .area-um-sobre {
        width: 100%;
        /* margin: 40px 2px; */
        margin: 40px 3px;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .area-dois-sobre {
        display: flex;
        /* margin: 20px; */
    }

    #sobre .area-dois-sobre .card-contato {
        top: 10px;
        margin: auto;
    }

    /* #sobre .conteudo .area-um-sobre p {
        margin-left: -23px;
    } */

    .area-tres .texto-principios p {
        width: 90%;
    }

}


@media (max-width:430px) {

    img.img-card {
        width: 170px;
        height: 210px;
    }

    .area-dois {
        gap: 0px;
    }

    /* .card1.responsivo {
        width: 93%;
        margin-left: 7%;
    } */

    #sobre .area-dois .coluna2 .card3 .texto-card3 #odometer {
        font-size: 2em;
    }

    #sobre .area-dois .coluna1 .card2 .texto-card2 #odometer {
        font-size: 2em;
    }

    .texto-sobre .subtitulo {
        font-size: 1.5em;
    }

    #sobre .conteudo .area-um-sobre h1 {
        font-size: 1.25em;
    }

    /* #sobre .conteudo .area-um-sobre p {
        width: 90%;
    } */

    .card2 {
        width: 80%;
        margin-left: 14%;
        height: 170px;
    }

    .card3 {
        width: 80%;
        margin-right: 20%;
        height: 170px;
    }

}

@media (max-width:375px) {
    img.img-card {
        width: 160px;
        height: 210px;
    }

    .card2 {
        width: 80%;
        margin-left: 8%;
        height: 170px;
    }
}

@media (max-width:320px) {
    /* .card1.responsivo {
        width: 100%;
        margin-left: 0%;
    } */

    .area-dois {
        gap: 12px;
    }

    .card2 {
        margin-left: 20%;
    }

    img.img-card {
        width: 150px;
        height: 200px;
    }
}




/* ================= BANNER PROPAGANDA // PARALLAX ================ */


.banner-propaganda {
    background-image: url(../img/background-parallax.jpg);
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-propaganda::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--cor-primaria);
    opacity: 80%;
    z-index: 1;
}


.banner-propaganda .textos-banner-propaganda {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.banner-propaganda .textos-banner-propaganda h3 {
    color: var(--cor-branco);
    font-family: var(--fonte-titulo);
    font-size: 2.5em;
    font-weight: 300;
    padding-bottom: 40px;
    z-index: 2;
}

.banner-propaganda .textos-banner-propaganda p {
    color: var(--cor-branco);
    font-family: var(--fonte-textos);
    font-size: 1.375em;
    font-weight: 400;
    width: 64%;
    text-align: center;
    padding-bottom: 40px;
    z-index: 2;

}

/* o que fazemos MEDIA QUERY */


@media(max-width:1024px) {

    .banner-propaganda .textos-banner-propaganda p {
        width: 70%;
    }
}

@media (max-width:430px) {
    .banner-propaganda .textos-banner-propaganda h3 {
        text-align: center;
        font-size: 1.625em;
    }
}


@media (max-width:425px) {
    .banner-propaganda .textos-banner-propaganda h3 {
        text-align: center;
        font-size: 1.625em;
    }

    .banner-propaganda .textos-banner-propaganda p {
        width: 92%;
    }

    .banner-propaganda .textos-banner-propaganda p {
        font-size: 1.25em;
    }
}





/* ======== ASSESSORIA E CONSULTORIA ======== */

.assessoria {
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
}

.assessoria .conteudo-assessoria {
    display: flex;
    width: 100%;
    padding: 40px 40px 40px 75px;
    /* padding:40px; */
}

.textos-assessoria {
    width: 50%;
}

.area-imagem-assessoria {
    width: 50%;
}

.textos-assessoria h3 {
    font-family: var(--fonte-titulo);
    font-size: 2.188em;
    color: var(--cor-titulo);
    font-weight: 300;
}

.textos-assessoria p {
    font-family: var(--fonte-textos);
    font-size: 1em;
    color: var(--cor-texto);
    font-weight: 400;
    width: 82%;
    margin-top: 5px;
    margin-bottom: 10px;

}

.assessoria p {
    position: relative;
    padding-left: 20px;
}

.assessoria p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 95%;
    background-color: var(--cor-secundaria);
    transition: 0.5s ease;
}



/* #assessoria .textos-assessoria .previa-assessoria{
   position: relative;
}

#assessoria .conteudo-assessoria .textos-assessoria .previa-assessoria::before{
   background-color: var(--cor-secundaria);
   width:3px;
   height:200px;
   position: absolute;
} */


.area-imagem-assessoria .imagem-assessoria {
    width: 490px;
    height: 256px;
    position: relative;
    z-index: 3;
}

.area-imagem-assessoria .borda {
    width: 445px;
    height: 235px;
    background-color: var(--cor-secundaria);
    object-fit: cover;
    position: absolute;
    z-index: 1;
    top: 24%;
    right: 1.1%;
    /* right: 4.1%; */
}

.area-imagem-assessoria .imagem-assessoria {
    border-bottom: 8px solid #ffff;
    border-right: 8px solid #ffff;
}


.textos-assessoria a {
    color: var(--cor-titulo);
    font-family: var(--fonte-titulo);
    font-size: 1.125em;
    font-weight: 600;
    margin-left: 20px;
    transition: 0.5s ease;

}

.textos-assessoria a:hover {
    color: var(--cor-primaria);
}


/* ASSESSORIA MEDIA QUERY */

@media (max-width:1024px) {
    .assessoria {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .assessoria .conteudo-assessoria {
        flex-direction: column;
        padding: 0px;
    }

    .assessoria .conteudo-assessoria .textos-assessoria {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .assessoria .conteudo-assessoria .area-imagem-assessoria {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .assessoria .conteudo-assessoria .area-imagem-assessoria .borda {
        top: 65%;
        right: 22%;
    }
}

@media (max-width:768px) {
    .assessoria .conteudo-assessoria .area-imagem-assessoria .borda {
        top: 54%;
        right: 12.1%;
    }
}

@media (max-width:430px) {
    .assessoria .textos-assessoria h3 {
        font-size: 1.5em;
        /* font-size:24px; */
    }

    .assessoria .conteudo-assessoria .area-imagem-assessoria .borda {
        display: none;
    }

    .area-imagem-assessoria .imagem-assessoria {
        border: none;
    }

    .area-imagem-assessoria .imagem-assessoria {
        width: 350px;
        height: 200px;
    }

}


@media (max-width:375px) {
    .assessoria .textos-assessoria h3 {
        font-size: 1.5em;
    }

    .area-imagem-assessoria .imagem-assessoria {
        width: 330px;
        height: 190px;
    }

    .assessoria .conteudo-assessoria .area-imagem-assessoria .borda {
        top: 71%;
        right: 2%;
    }
}

@media (max-width:320px) {
    .assessoria .textos-assessoria h3 {
        font-size: 1.5em;
    }

    .area-imagem-assessoria .imagem-assessoria {
        width: 295px;
        height: 180px;
    }
}



/* ======== SERVIÇOS IMOBILIÁRIOS ======== */
.servicos-imobiliarios {
    background-color: #F5F5F5;
    padding-top: 40px;
    padding-bottom: 255px;
    position: relative;
}

.conteudo-servicos-imobiliarios {
    width: 100%;
    display: flex;
    padding: 40px;
}

.conteudo-servicos-imobiliarios .area-imagem-imobiliarios {
    width: 50%;
    display: flex;
    justify-content: center;
}

.conteudo-servicos-imobiliarios .textos-servicos {
    width: 50%;
}

.conteudo-servicos-imobiliarios .textos-servicos h3 {
    font-family: var(--fonte-titulo);
    font-size: 2.188em;
    color: var(--cor-titulo);
    font-weight: 300;
}

.conteudo-servicos-imobiliarios .textos-servicos p {
    font-family: var(--fonte-textos);
    font-size: 1em;
    color: var(--cor-texto);
    font-weight: 400;
    width: 82%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.servicos-imobiliarios p {
    position: relative;
    padding-left: 20px;
}

.servicos-imobiliarios p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 95%;
    background-color: var(--cor-secundaria);
}

/* .previa-servicos:hover::before {
    background-color: var(--cor-primaria);
} */


.conteudo-servicos-imobiliarios a {
    color: var(--cor-titulo);
    font-family: var(--fonte-titulo);
    font-size: 1.125em;
    font-weight: 600;
    margin-left: 20px;
    transition: 0.5s ease;
}

.conteudo-servicos-imobiliarios a:hover {
    color: var(--cor-primaria);
}

.area-imagem-imobiliarios .borda-servicos {
    width: 445px;
    height: 235px;
    background-color: var(--cor-secundaria);
    object-fit: cover;
    position: absolute;
    z-index: 1;
    top: 24%;
    left: 6.25%;
}


.area-imagem-imobiliarios .imagem-servicos {
    width: 490px;
    height: 256px;
    position: relative;
    z-index: 3;
}

.area-imagem-imobiliarios .imagem-servicos img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.area-imagem-imobiliarios .imagem-servicos {
    border-bottom: 8px solid #F5F5F5;
    border-left: 8px solid #F5F5F5;
}

/* SERVICOS IMOBILIARIOS MEDIA QUERY */

@media (max-width:1024px) {
    .servicos-imobiliarios {
        padding-top: 60px;
    }

    .servicos-imobiliarios .conteudo-servicos-imobiliarios {
        flex-direction: column-reverse;
        padding: 0px;
    }

    .servicos-imobiliarios .conteudo-servicos-imobiliarios .textos-servicos {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .servicos-imobiliarios .conteudo-servicos-imobiliarios .area-imagem-imobiliarios {
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .conteudo-servicos-imobiliarios .area-imagem-imobiliarios .borda-servicos {
        top: 62%;
        left: 22.25%;
    }

}

@media (max-width:768px) {
    .conteudo-servicos-imobiliarios .area-imagem-imobiliarios .borda-servicos {
        top: 58%;
        left: 12.25%;
    }
}

@media (max-width:430px) {
    .conteudo-servicos-imobiliarios .area-imagem-imobiliarios .borda-servicos {
        display: none;
    }


    .area-imagem-imobiliarios .imagem-servicos {
        border: none;
    }

    .area-imagem-imobiliarios .imagem-servicos {
        width: 350px;
        height: 200px;
    }

    .servicos-imobiliarios .conteudo-servicos-imobiliarios .textos-servicos h3{
       font-size:1.5em;
    }
}

@media (max-width:375px) {
    .servicos-imobiliarios .conteudo-servicos-imobiliarios .textos-servicos h3 {
        font-size: 1.5em;
    }

    .area-imagem-imobiliarios .imagem-servicos {
        width: 330px;
        height: 190px;
    }
}

@media (max-width:320px) {
    .servicos-imobiliarios .conteudo-servicos-imobiliarios .textos-servicos h3 {
        font-size: 1.5em;
    }

    .area-imagem-imobiliarios .imagem-servicos {
        width: 295px;
        height: 180px;
    }
}


/* =========== FALE CONOSCO ========== */


#contatos .card-contatos {
    width: 100%;
    /* width:1290px; */
    display: flex;
    position: absolute;
    z-index: 3;
    top: -147px;
}



#contatos .card-contatos .img-card-contatos {
    background-image: url(../img/foto-rodape.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 45%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.card-contatos .area-form {
    width: 55%;
    padding: 40px;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.card-contatos .area-form h3 {
    font-family: var(--fonte-titulo);
    font-weight: 300;
    font-size: 2.188em;
    color: var(--cor-titulo);
    margin-left: 10px;
    padding-bottom: 30px;
}

#contatos .area-form .formulario input {
    width: 100%;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    border: 1px solid #F0F0F2;
    font-family: var(--fonte-textos);
    box-sizing: border-box;
    font-size: 0.938em;
    background: #ffffff;
    border-radius: 8px;
}

#contatos .area-form .formulario input::placeholder {
    font-family: var(--fonte-textos);
    font-weight: 400;
    color: #849698;
}

#contatos .area-form .formulario textarea {
    width: 100%;
    height: 115px;
    border: 1px solid #F0F0F2;
    background: #ffffff;
    font-size: 0.938em;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 8px;
    border-radius: 8px;
    font-family: var(--fonte-textos);
    font-weight: 400;
    color: #849698;

}

#contatos .area-form .formulario textarea::placeholder {
    font-family: var(--fonte-textos);
    color: var(--cor-input);
}


.redes-sociais-form {
    display: flex;
    align-items: center;
    margin-left: 20px;
    gap: 20px;
}

#contatos .captcha-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* .g-recaptcha {
   margin: 10px 0;
   display: block;
} */

#contatos .area-form .formulario button {
    width: 166px;
    height: 60px;
    background-color: var(--cor-secundaria);
    color: var(--cor-branco);
    font-family: var(--fonte-textos);
    font-weight: 600;
    cursor: pointer;
    font-size: 1.125em;
    border: 2px solid #ffffff;
    border-radius: 8px;
    transition: 0.4s ease;
}

#contatos .area-form .formulario button:hover {
    background: var(--cor-primaria);
    transition: 0.3s all;
    color: #fff;

}

/* MEDIA QUERY CARD FALE CONOSCO */

@media (max-width:768px) {
    #contatos .card-contatos {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* display: none; */
    }

    #contatos .card-contatos .img-card-contatos {
        display: none;
    }

    .card-contatos .area-form {
        width: auto;
        padding: 40px;
        background-color: #fff;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .card-contatos .area-form h3 {
        text-align: center;
    }

    .card-contatos .area-form {
        /* width: 80%; */
        padding: 20px;
        border-radius: 20px;
    }

    #conteudo-rodape .center.area-rodape {
        padding-top: 510px;
    }

    /* #conteudo-rodape .area-rodape .area-um-rodape{
       width:30%;
   }
   #conteudo-rodape .area-rodape .area-dois-rodape{
       width:28%;
   }
   #conteudo-rodape .area-rodape .area-tres-rodape{
       width:28%;
   } */

    #contatos .area-form .formulario input {
        height: 48px;
    }


}

@media (max-width:425px) {
    #contatos {
        top: -166px;
    }

    #contatos .captcha-area {
        justify-content: center;
    }

    #contatos .area-form .formulario input {
        width: 100%;
        height: 48px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
        border: 1px solid #F0F0F2;
        font-family: var(--fonte-textos);
        box-sizing: border-box;
        font-size: 0.938em;
        background: #ffffff;
        border-radius: 8px;
    }
}

/* RODAPÉ */

#conteudo-rodape {
    background-image: url(../img/bg-rodape.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#conteudo-rodape .area-rodape {
    display: flex;
    /* justify-content: center; */
    justify-content: space-around;
    padding-top: 480px;
    padding-bottom: 80px;
}

#conteudo-rodape .area-um-rodape .logo-rodape img {
    width: 160px;
    height: 46px;
}

#conteudo-rodape .area-um-rodape {
    width: 35%;
}

.area-um-rodape .texto-rodape {
    color: #ffff;
    font-family: var(--fonte-textos);
    font-size: 0.938em;
    font-weight: 400;
    width: 93%;
    padding-top: 20px;
}


#conteudo-rodape .area-dois-rodape {
    width: 30%;
    position: relative;
}

.area-dois-rodape::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 6px;
    width: 1px;
    height: 80%;
    background-color: #FFFFFF;
    opacity: 30%;
}

.area-dois-rodape h4, .area-tres-rodape h4 {
    font-family: var(--fonte-titulo);
    color: #fff;
    font-size: 1.125em;
    font-weight: 300;
}

.area-dois-rodape li {
    list-style-type: none;
    color: #fff;
    font-family: var(--fonte-textos);
    font-size: 0.938em;
    font-weight: 400;
}

.area-dois-rodape .links-dois {
    line-height: 170%;
    padding-top: 10px;
}

.area-dois-rodape .links-dois a {
    color: #fff;
}

#conteudo-rodape .area-tres-rodape {
    width: 20%;
    position: relative;
}

.area-tres-rodape::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 9px;
    width: 1px;
    height: 85%;
    background-color: #FFFFFF;
    opacity: 30%;
}

.area-tres-rodape .infos {
    color: #fff;
    font-family: var(--fonte-textos);
    font-size: 0.938em;
    font-weight: 400;
    padding-top: 10px;
    line-height: 170%;
}


@media (max-width:430px) {
    .redes-sociais-form {
        display: none;
    }
}

@media (max-width:430px) {
    #conteudo-rodape .area-rodape {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    #conteudo-rodape .area-rodape .area-dois-rodape::before, #conteudo-rodape .area-rodape .area-tres-rodape::before {
        content: none;
    }

    #conteudo-rodape .area-um-rodape, #conteudo-rodape .area-dois-rodape, #conteudo-rodape .area-tres-rodape {
        display: flex;
        flex-direction: column;
        width: 100%;

    }

    .area-um-rodape .texto-rodape {
        width: 100%;

    }
}




/* =============== PAGINAÇÃO =============== */

.paginacao {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 30px;
}

.paginacao li {
    background-color: var(--cor-primaria);
    border: none;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.25em;
    border-radius: 3px;
}

.paginacao li:hover {
    background-color: var(--cor-principios);
}

.paginacao li.active {
    background-color: var(--cor-principios);
}

.paginacao a {
    color: #FFFFFF;
    font-family: var(--fonte-textos);
    display: flex;
    width: 40px;
    height: 45px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 650px) {
    .noticia_ver .img-area {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .noticia_ver small {
        margin-bottom: 15px;
    }
}


/* COPIRYGHT */

.copyright {
    /* margin-top: -200px; */
    background: var(--cor-secundaria);
    color: #ffffff;
    font-size: 1em;
}

.copyright .center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1160px;
}

.copyright .center .texto {
    width: 100%;
    font-family: var(--fonte-textos);
    font-size: 0.875em;
}

.copyright .center span a {
    color: #ffffff;
    font-weight: 700;
}

@media (max-width: 768px) {
    .copyright .center {
        flex-direction: column;
        gap: 25px;
        text-align: center;
    }

    .extras .fundo {
        width: 100%;
    }

    #faixa .faixa-menor {
        flex-direction: column;
    }

    #faixa .faixa-menor .area-esquerda,
    #faixa .faixa-menor .area-direita {
        width: 100%;
        text-align: center;
    }

    #faixa .faixa-menor .area-esquerda p {
        font-size: 1.375em;
        line-height: 20px;
        padding: 15px 40px;
    }
}

@media (max-width: 320px) {
    #faixa .faixa-menor .area-esquerda p {
        font-size: 1.125em;
        line-height: 20px;
        padding: 10px 10px;
    }
}

/* =============== POPUP INICIO =============== */

.popup {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.popup_content {
    position: relative;
    margin: auto;
    padding: 0;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 80%;
    max-width: 650px;
    height: auto;
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.popup_imagem_full {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    top: -35px;
}

.popup_imagem_full img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 7px;
    background: #ffffff;
    border-radius: 8px;
    box-sizing: border-box;
}

.popup_youtube_full {
    width: 100%;
    position: relative;
    padding-bottom: 60%;
    height: 0;
}

.popup_youtube_full iframe {
    padding: 7px;
    background: #ffffff;
    border-radius: 8px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup_youtube_full .legenda {
    bottom: -35px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 40%);
    text-align: center;
}

.popup .legenda {
    display: flex;
    justify-content: center;
}

.popup .legenda span {
    background: #000;
    color: #ffffff;
    padding: 5px 20px;
    border-radius: 17px;
    margin-top: 5px;
}

.close {
    color: #000;
    float: right;
    font-size: 2.1875em;
    z-index: 999;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
    position: relative;
    right: -14px;
    top: -16px;
    background: #ffffff;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 50%;
    border: solid 1px #c1c1c1;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background: #dddddd;
}

@media (max-width: 768px) {
    .popup_content {
        width: 98%;
    }
}

@media (max-width: 700px) {
    .close {
        right: -2px;
    }
}

/* =============== POPUP FIM =============== */

/*Redes sociais lateral*/

.rodape {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 77px;
}

.rodape .texto {
    color: #1164AA;
    font-size: 16px;
    font-weight: 600;
}

.redes-sociais {
    display: flex;
    align-items: center;
}

.redes-sociais a {
    text-decoration: none;
}

.redes-sociais-right {
    height: auto;
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    transition: 1s;
}

.redes-sociais-right a {
    text-decoration: none;
    margin-top: 10px;
}

.bolinha-social {
    /* background: #efefef; */
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.250em;
    /* color: #989898; */
    margin: 0 5px;
    transition: 0.5s;
    /* border: 2px solid #ffffff; */
}

.redes-sociais-right .fa-facebook-f {
    color: #ffffff;
}

.redes-sociais-right .fa-twitter {
    color: #ffffff;
}

.redes-sociais-right .fa-linkedin {
    color: #ffffff;
    font-size: 1.1em;
}

.redes-sociais-right .fa-instagram {
    color: #ffffff;
    font-size: 1.1875em;
}

.redes-sociais-right .fa-whatsapp {
    color: #ffffff;
    font-size: 1.2em;
}

.redes-sociais-right .fa-youtube {
    color: #ffffff;
    font-size: 1.1em;
}

.redes-sociais-right .fa-headset {
    color: #ffffff;
    font-size: 1.1em;
}

.bolinha-facebook {
    background: #3b5998 !important;
}

.bolinha-linkedin {
    background: #2867B2 !important;
}

.bolinha-instagram {
    background: #C13584 !important;
}

.bolinha-twitter {
    background: #1DA1F2 !important;
}

.bolinha-whatsapp {
    background: #25D366 !important;
}

.bolinha-youtube {
    background: #ff0000 !important;
}

.bolinha-contato {
    background: #f1860b !important
}

.bolinha-tour {
    background: #354b9c;
    box-shadow: 2px 0px 6px 6px rgb(255 255 255 / 75%);
    -webkit-box-shadow: 0px 0px 6px 4px rgb(255 255 255 / 75%);
    -moz-box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.75);
}

.bolinha-tour img {
    width: 58px;
    margin-top: 4px;
}

.bolinha-tour:hover {
    background: #354b9c;
}

.redes-sociais-right .bolinha-social:hover {
    transform: scale(1.2);
}


@media (max-width: 768px) {
    .redes-sociais-right {
        top: -100%;
    }

    .mostrar-redes-sociais {
        top: 100px;
        transform: none;
    }
}

@media(max-width:425px) {
    .rodape {
        flex-direction: column;
        gap: 20px;
        padding-top: 30px;
        margin-bottom: 70px;
    }
}

@media(max-width:320px) {
    .rodape {
        flex-direction: column;
        gap: 10px;
        padding-top: 10px;
        margin-bottom: 30px;
    }
}



/* BANNER */


@media (max-width: 1024px) {
    .banner {
        top: -100px;
    }
}

@media (max-width: 768px) {
    .banner {
        top: -99px;
    }

}

@media (max-width: 425px) {
    .banner {
        top: -100px;
    }
}


.row-wrap {
    flex-flow: row wrap;
}

/* Flex Container */
.seguimentos {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    /* border: 1px solid #ccc; */
}

/* Flex Item */
.item-seguimentos {
    /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
    flex: 1;
    margin: 5px;
    text-align: center;
    font-size: 1.5em;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
}

.item-seguimentos:hover {
    border: 2px solid #e7dfdf;
    -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
    box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
}

.item-seguimentos:hover div {
    font-weight: 600;
}

.item-seguimentos img {
    width: 100px;
    text-align: center;
    padding-top: 15px;
}

.item-seguimentos div {
    color: #2C3558;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin-left: 25px;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
}



.lista_parceiros {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    /* border: 1px solid #ccc; */
}

/* Flex Item */
.item-parceiros {
    /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
    flex: 1;
    margin: 5px;
    text-align: center;
    font-size: 1.5em;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    max-width: 250px;
    max-height: 250px;
}

.item-parceiros:hover {
    border: 2px solid #e7dfdf;
    -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
    box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
}

.item-parceiros:hover div {
    font-weight: 600;
}

.item-parceiros img {
    max-width: 200px;
    max-height: 200px;
    text-align: center;
    padding-top: 15px;
}

footer .redes-sociais {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

img, svg {
    vertical-align: middle
}

footer .redes-sociais .bolinha-social {
    background: #efefef;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.250em;
    color: #989898;
    margin: 0 5px;
    transition: 0.5s;
}

/* botão subir ao topo */
.anim-scroll-to-top.active-progress {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.anim-scroll-to-top {
    position: fixed;
    right: 12px;
    bottom: 82px;
    /* left: 30px;
    bottom: 30px; */
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: all 300ms ease-out 0s;
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.anim-scroll-to-top::after {
    position: absolute;
    content: url('../img/up-arrow.png');
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: var(--cor-secundaria);
    left: 0;
    top: 3px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -moz-transition: all 300ms ease-out 0s;
    -webkit-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}



.anim-scroll-to-top svg.progress-circle path {
    stroke: var(--cor-secundaria);
    stroke-width: 5;
    box-sizing: border-box;
}

.anim-scroll-to-top svg path {
    fill: none;
}

/* botão subir ao topo 425 */
@media(max-width: 425px) {
    .anim-scroll-to-top {
        width: 40px;
        height: 40px;
        right: 16px;
        bottom: 82px;
    }

    .anim-scroll-to-top::after {
        left: -3px;
        top: 0px;
    }


}



/* botão flutuante whatsapp */
#fixa {
    position: fixed;
    bottom: 20px;
    margin: 0 20px;
    background-color: #25D366;
    width: 230px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.5s all;
    /* right: 25px; */
    right: -9px;
    z-index: 4;
}


#fixa img {
    width: 43px;
    height: 43px;
    margin-right: 1px;
}

#fixa.flut:hover {
    width: 230px;
    /* Largura expandida ao passar o mouse */
}

#fixa.flut:hover a .flex-itens span {
    opacity: 1;
    /* Torna o texto visível */
}

#fixa a .flex-itens {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}


#fixa a .flex-itens span {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #ffffff;
    margin-left: 5px;
    font-size: 17px;
    min-width: 170px;
    float: left;
    opacity: 0;
}



.flutuar {
    animation-name: flutuar;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    /* animation: flutuar 0.7s  ease-in-out  infinite alternate ; */
}

@keyframes flutuar {
    from {
        transform: translate3d(0, 0, 0);
        /* filter: brightness(100%); */
    }

    to {
        transform: translate3d(0, -10px, 0);
        /* filter: brightness(150%); */
    }
}

#fixa.flut {
    width: 50px;
    transition: 0.5s all;
    overflow: hidden;
}



#fixa a .flex-itens span.aparecer {
    transition: 0.5s all;
    opacity: 1;
}



/* botão flutuante whatsapp 425*/
@media(max-width:425px) {
    #fixa {
        right: 0;
        margin: 0 10px;
    }

    #fixa img {
        width: 40px;
        height: 40px;
    }

    #fixa.flut {
        width: 40px;
    }

}

/* politica privacidade */
#politica_privacidade .cima {
    margin-top: 17px;
}

/* politica privacidade mq*/

@media(max-width:1024px) {
    #politica_privacidade .cima {
        margin-top: -20px;
    }
}

/* politica privacidade 375 */
@media(max-width:375px) {
    #politica_privacidade .cima .titulo {
        border-color: #F5C5C6;
    }
}