/* FOOTER MENU */

footer {

  height: 400px;

  background: var(--opa-bege-claro);

  border-top: 1px solid var(--opa-marrom-claro);

  position: relative;

}

footer .marca-dagua {

  position: absolute;

  top: -45px;

  left: 13%;

  color: var(--opa-bege);

}



footer .top {

  display: flex;

  padding-top: 50px;

  width: 100%;

  justify-content: space-between;

}



.menu-footer {

  display: flex;

}



footer .top .titulo-4 {

  font-size: 16px!important;

  font-family: var(--font-family-soleil);

  color:var(--opa-cinza-escuro);

}



footer .top ul li {

  margin-bottom: 5px;

  max-width: 178px;

}



footer .top ul li a span{

  transition: var(--transition);

}



footer .top ul li a:focus span,

footer .top ul li a:active span,

footer .top ul li a:hover span{

  color: var(--opa-marrom-claro);

  text-decoration: underline;

}



footer .top h2 {

  font-family: var(--font-family-gin-regular);

  color: var(--opa-marrom-escuro);

  font-size: 1rem;

  line-height: 1.25rem;

  margin-bottom: 1.125rem;

}



footer .title-footer-menu {

  font-family: var(--font-family-gin-regular);

  color: var(--opa-marrom-escuro);

  margin-bottom: 18px;

}



.lista1 {

  margin-right: 23px;

}



.lista2 {

  margin-right: 49px;

}



.lista3 {

  margin-right: 51px;

}



footer .bottom {

  display: flex;

  justify-content: space-between;

  width: 100%;

}



footer .bottom div {

  display: flex;

  margin-top: 34px;

}



footer .bottom div h3 {

  font-size: 16px;

  font-family: var(--font-family-gin-regular);

  line-height: 19px;

  color: var(--opa-marrom-escuro);

  padding: 10px 16px;

  border: 1px solid var(--opa-marrom-claro);

  margin-right: 25px;

  height: 40px;

  align-self: center;

}



footer .bottom img {

  max-width: 5.625rem;

}



#language {

  transform: scale(2);

  width: auto;

  outline: none;

  border: none;

  height: 18px;

  -webkit-appearance: none !important;

  -moz-appearance: none !important;

  -ms-appearance: none !important;

  -o-appearance: none !important;

  appearance: none !important;

}



footer select {

  background-position-x: 80%;

  background-position-y: 7px;

  background-size: 20%;

}



.language-label .arrow-menu {

  margin: 0;

  padding: 0;

  position: relative;

  left: -26px;

  top: 2px;

}



.language-label:visited .arrow-menu {

  transform: rotate(180deg);

  filter: invert(58%) sepia(58%) saturate(334%) hue-rotate(360deg) brightness(98%) contrast(85%);

}



.language-label .arrow-menu {

  pointer-events: none;

}



.language-label-footer {

  position: relative;

}



.language-label-footer .arrow-menu {

  width: 26%;

  margin: 0;

  position: absolute;

  right: 13px;

  top: 9px;

  pointer-events: none;

}



/* COPYRIGHT */

.copyright {

  height: 60px;

  background: var(--opa-branco);

  display: flex;

  align-items: center;

}



.copyright .grid {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.termos {

  display: flex;

  justify-content: space-between;

  width: 45%;

}



.termos a, .termos p {

  font-family: var(--font-family-soleil);

  font-size: 13px;

  line-height: 16px;

  font-weight: 400;

  color: var(--opa-cinza-escuro);

}



.termos a {

  transition: var(--transition);

}



.termos a:hover {

  font-weight: 700;

}





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

  footer .top .menu-footer{

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  footer .top .orgulho{

    text-align: center;

  }



  footer {

    height: auto !important;

    padding-bottom: 3rem;

  }



  footer .bottom{

    flex-direction: column;

  }



  footer .bottom div{

    flex-direction: column;

    row-gap: 2rem;

  }

  

  footer .bottom div h3{

    width: 100%;

    text-align: center;

    margin-right: 0;    

  }



  footer .top {

      flex-direction: column;

  }

  .orgulho {

      display: flex;

      justify-content: center;

      padding: 30px;

  }

  footer .bottom div {

      display: flex;

      margin-top: 34px;

      align-items: center;

  }

  .copyright .grid{

    flex-direction: column;

  }

  .termos {

    width: 70%;

    flex-direction: column;

    text-align: center;

    row-gap: 1rem;

    margin-bottom: 2rem;

  }

  .copyright{

    height: auto;

    padding: 1.5rem 0;

  }

}



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

  footer .top{

    flex-direction: column;

  }



  footer .top .orgulho{

    text-align: center;

  }



  footer .top h2{

    text-align: center;

  }



  .lista1, .lista2, .lista3, .lista4 {

    width: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    flex-direction: column;

    margin-right: 0;

    margin-bottom: 30px;

  }

}



@media (max-width:500px) {

  .menu-footer {

    display: flex;

    flex-direction: column;

    text-align: center;

    margin: 0 auto;

  }



  .lista1, .lista2, .lista3, .lista4 {

    width: 100%;

    justify-content: center;

    align-items: center;

    display: flex;

    flex-direction: column;

    margin-right: 0;

    margin-bottom: 30px;

  }



  footer {

    height: auto !important;

  }



  footer .bottom {

    flex-direction: column;

  }



  footer .bottom div {

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 0px;

  }



  footer .bottom div h3 {

    margin-right: 0;

    text-align: center;

    margin-bottom: 0px;

  }



  .copyright {

    height: auto;

    padding: 25px 0;

  }



  .termos {

    width: 100%!important;

    flex-direction: column;

    align-items: center;

  }



  .logoLabbo {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 30px;

  }



  .language-label-footer .arrow-menu {

    width: 5%;

    left: 50%;

  }

}



@media (max-width:425px) {

  footer .bottom div {

    flex-wrap: nowrap;

    justify-content: center;

    margin-bottom: 30px;

    flex-direction: column;

    align-items: center;

  }



  footer .bottom div h3:first-child {

    margin-right: 0;

  }



  footer .bottom div h3 {

    width: 300px;

  }

}



@media (max-width:380px) {

  .termos {

    flex-direction: column-reverse;

    align-items: center;

  }



  .termos a {

    margin-bottom: 10px;

  }

}

footer .top .orgulho img{

  max-width: 10.5rem;

  height: auto;

}