/* ----- MENU ----- */
.header{
    width: 100%;
    height: calc(33px + 83px);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
    background-color: #fff;
}
.header .menu-info{
    width: 100%;
    height: 33px;
    background-color: var(--cor-1);
}
.header .menu-info .container{
    gap: 30px;
    align-items: center;
    justify-content: end;
}
.header .menu-info .container a{
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1;
}
.header .menu-info .redes{
    gap: 10px;
}
.header .menu-info .redes i{
    color: #fff;
    font-size: 18px;
}
.header .menu-info .fones{
    gap: 50px;
}
.header .menu-nav.fixed{
    position: fixed;
    top: 0;
    z-index: 999;
}
.header .menu-nav{
    width: 100%;
    height: 83px;
    background-color: #fff;
    box-shadow: 0px 3px 10px 4px rgba(0, 0, 0, 0.1);
}
.header .menu-nav .container{
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .menu-nav .header-logo{
    width: 207px;
}
.header .menu-nav .header-logo img{
  	width: 100%;
}
.header .menu-nav .header-menu,
.header .menu-nav .header-menu ul {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
}
.header .menu-nav .header-menu ul li{
    height: 100%;
    align-content: center;
}
.header .menu-nav .header-menu .header-link {
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: var(--cor-3);
    font-size: 16px;
    font-weight: 500;
    transition: ease .3s;
}
.header .menu-nav .header-menu .header-link i{
	color: var(--cor-3);
    font-size: 10px;
    margin-left: 2px;
}
.header .menu-nav .header-menu .header-link:hover,
.header .menu-nav .header-menu .header-link:hover i,
.header .menu-nav .header-menu .header-link.active,
.header .menu-nav .header-menu .header-link.active i{
    filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(675%) hue-rotate(166deg) brightness(96%) contrast(96%);
    transition: ease .3s;
}
.header .menu-nav .header-menu ul li .hover1,
.header .menu-nav .header-mobile ul li .hover1{
    display: none;
}
.header .menu-nav .header-menu .hover-btn:hover .hover1{
    max-width: 300px;
    width: fit-content;
    display: flex;
    position: absolute;
    background-color: #fff;
    flex-direction: column;
    padding: 10px 20px;
    gap: 15px;
    z-index: 10;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 83px;
}
/* MOBILE */
.menu-hamburguer{
    display: none;
}
.close-mobile{
    display: none;
}
.header-mobile,
.mobile-menu{
    display: none;
}
.open-mobile i{
    color: var(--primaria);
    font-size: 25px;
}
a.close-mobile{
    display: flex;
    position: absolute;
    right: 25px;
    top: 25px;
    border-bottom: none!important;
    padding: 0!important;
}
.close-mobile i{
    color: var(--primaria);
    font-size: 25px;
    transition: ease .3s;
}
.open-mobile i:hover,
a.close-mobile:hover i{
    color: var(--cor-1);
    transition: ease .3s;
}



/* FOOTER */
footer{
    width: 100%;
    padding: 5px;
}
.footer{
    width: 100%;
    background-color: var(--bg3);
    border-radius: 20px;
    background-image: url(../imagens/header/bg-footer.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left center;
    justify-content: space-between;
    padding: 100px 0 75px;
    gap: 50px;
}
.main-footer{
    width: 100%;
}
.main-footer .container{
    width: 100%;
    gap: 50px;
    position: relative;
    justify-content: space-between;
}
/* COLUNA LOGO */
.main-footer .footer-logo{
    max-width: 362px;
    width: 100%;
    gap: 30px;
}
.main-footer .footer-logo .logo{
    max-width: 362px;
    width: 100%;
}
.main-footer .footer-logo .logo img{
    width: 100%;
}
.main-footer .footer-logo .divisor{
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #ffffff61;
}
.main-footer .footer-logo .footer-redes{
    gap: 15px;
}
.main-footer .footer-logo .footer-redes a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #ffffff82;
    border-radius: 5px;
}
.main-footer .footer-logo .footer-redes a i{
    color: #fff;
    font-size: 20px;
}
/* MENU OPÇÕES */
.main-footer .menu-footer{
    max-width: 311px;
    gap: 25px;
}
.main-footer .menu-footer h5{
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
.main-footer .menu-footer a{
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff0;
}
.main-footer .menu-footer a,
.main-footer .menu-footer a span{
    color: #fff;
    font-weight: 100;
    transition: ease .3s;
}
.main-footer .menu-footer a:hover{
    border-bottom: 1px solid #ffffffa6;
    transition: ease .3s;
}
.footer .mid{
    max-width: 1690px;
    width: 100%;
    margin: 0 auto;
    gap: 20px;
}
.footer .mid .anatel{
    margin-left: auto;
}
.footer .mid .anatel img{
    max-width: 156px;
    width: 100%;
    height: fit-content;
}
.footer .mid .divisor{
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #ffffff61;
}
/* COPYRIGHT */
.footer .copyright{
    width: 100%;
}
.footer .copyright .container{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.footer .copyright a{
    width: 51px;
}
.footer .copyright a img{
    width: 51px;
    height: 29px;
}
.footer .copyright p{
    font-size: 16px;
    color: #ffffffd6;
}


.flutuante{
    position: fixed;
    bottom: 5%;
    right: 50px;
    z-index: 11;
    transition: ease .3s;
}
.flutuante:hover{
    scale: 1.2;
    transition: ease .3s;
}
.flutuante img{
    width: 93px;
    height: 93px;
    border-radius: 50%;
}


.bg-Vector {
    width: 21px; height: 21px;
    background: url(../imagens/header/sprite1.png) -10px -10px;
}
.bg-Vector_1 {
    width: 18px; height: 19px;
    background: url(../imagens/header/sprite1.png) -50px -51px;
}
.bg-face {
    width: 20px; height: 21px;
    background: url(../imagens/header/sprite1.png) -51px -10px;
}
.bg-linkedin {
    width: 20px; height: 21px;
    background: url(../imagens/header/sprite1.png) -91px -10px;
}
.bg-insta {
    width: 20px; height: 21px;
    background: url(../imagens/header/sprite1.png) -10px -51px;
}

.bg-face-1 {
    width: 32px; height: 33px;
    background: url(../imagens/header/sprite2.png) -10px -10px;
}
.bg-insta-1 {
    width: 30px; height: 31px;
    background: url(../imagens/header/sprite2.png) -10px -63px;
}
.bg-whats-1 {
    width: 19px; height: 18px;
    background: url(../imagens/header/sprite2.png) -151px -10px;
}
.bg-mail-1 {
    width: 19px; height: 13px;
    background: url(../imagens/header/sprite2.png) -151px -48px;
}
.bg-call-1 {
    width: 21px; height: 21px;
    background: url(../imagens/header/sprite2.png) -60px -63px;
}
.bg-pin-1 {
    width: 17px; height: 22px;
    background: url(../imagens/header/sprite2.png) -114px -10px;
}
.bg-linke-1 {
    width: 32px; height: 33px;
    background: url(../imagens/header/sprite2.png) -62px -10px;
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1700px){
  .footer .mid{
      max-width: 95%;
  }
}

@media screen and (max-width: 1600px){

}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1280px){
    .main-footer .footer-logo{
        max-width: 100%;
        align-items: center;
    }
    .main-footer .footer-logo .divisor{
        max-width: 400px;
    }

    .flutuante{
        right: 25px;
    }
}

@media screen and (max-width: 1100px){
    .header .menu-info .container a span, 
    .header .menu-info .container a i{
        font-size: 14px;
    }
    /* MENU MOBILE */
    .header .menu-nav .mobile-menu{
        display: flex;
    }
    .header .menu-nav .header-menu{
        display: none;
        font-size: 25px;
    }
    .header .menu-nav .header-mobile{
        display: flex;
        flex-direction: column;
        padding: 10px 30px 50px 30px;
        position: fixed;
        max-width: 600px;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        top: 0;
        right: -100%;
        z-index: 50;
        transition: right 0.5s;
        margin-top: 0;
        gap: 20px;
    }
    .header .menu-nav .header-mobile.opened {
        right: 0;
    }
    .header .menu-nav .header-mobile ul{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .header .menu-nav .header-mobile .header-logo{
        height: fit-content;
        margin-bottom: 50px;
    }
    .header .menu-nav .header-mobile ul{
        gap: 30px;
    }
    .header .menu-nav .header-mobile .header-link{
        font-size: 25px;
        transition: ease .3s;
        display: flex;
        align-items: center;
        transition: ease .3s;
    }
    .header .menu-nav .header-mobile .header-link i{
        font-size: 14px;
        margin-left: 2px;
    }
    .header .menu-nav .header-mobile .header-link:hover{
        filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(675%) hue-rotate(166deg) brightness(96%) contrast(96%);
        transition: ease .3s;
    }
    .header .menu-nav .header-mobile .hover-btn .hover1.open{
        display: flex;
    }
    .header .menu-nav .header-mobile .hover-btn .hover1{
        display: none;
        flex-direction: column;
        padding: 10px 20px;
        gap: 15px;
    }
    .header .menu-nav .header-mobile .hover-btn .hover1 a{
        font-size: 22px;
        color: var(--primaria);
    }
	

}

/* MOBILE */
@media screen and (max-width: 900px){
    .main-footer .container{
        flex-direction: column;
        align-items: center;
    }
    .main-footer .menu-footer{
        align-items: center;
    }
    .footer .mid .anatel{
        margin: 0 auto;
    }
    .footer .copyright .container{
        flex-direction: column;
    }

    .flutuante{
        right: 10px;
    }
    .flutuante img{
        width: 83px;
        height: 83px;
    }
}

@media screen and (max-width: 600px){
    .header{
        height: 83px;
    }
    .header .menu-info{
        display: none;
    }
    .header-mobile{
        right: -100%;
    }

    .flutuante img{
        width: 73px;
        height: 73px;
    }

}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}