@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {padding: 0; margin: 0; font-family: "Montserrat", sans-serif;}
a {text-decoration: none;  color: inherit;}

body,html {height: 100%;}
.containerPage {width: 100%; min-height: 100%; padding-bottom: 3%; padding-top: calc(3% + 48px); background-color: var(--color-fundo); text-align: center;}
.logo {margin-top: 4%;}
.logo img {width: auto; height: 70px;}
h2 {margin-bottom: 1%;}
.texto {color: var(--color-btn); margin-top: 4%; margin-bottom: 4%; text-align: center;}
.pDistante {margin-top: 3%;}
ul {list-style: none; color: var(--color-fundo); width: 40%; margin: 0; padding: 0; margin: 0 auto;}
li {color: var(--color-fundo); width: 100%; height: 40px; display: flex; background-color: var(--color-btn); align-items: center; justify-content: center; border: none; border-radius: 20px; margin-bottom: 5%; font-size: 21px; font-weight: 500; padding-bottom: 2%; padding-top: 2%;}
li:hover {background-color:  var(--color-hover-btn); color: var(--color-btn);}
li a {width: 100%; text-align: center;}


/* rodape */
.rodape {background: var(--color-rodape); width: 100%; height: auto; color: white; padding-top: 5%;}
.container {width: 1200px; margin: auto;}
.linha01 {padding-bottom: 5%; vertical-align: top;}
.linha01 .col {width: 33%; display: inline-block; vertical-align: top;}
.linha02 {padding-bottom: 1%; font-size: 14px; text-align: justify;}
.linha01 .selo {width: 280px; float: right;}
/* fimrodape */

.linhaFim {display: flex; padding-top: 5px; padding-bottom: 5px; position: fixed; top: 0; width: 100%; min-height: 44px; background-color: var(--color-barra); color: #fff; z-index: 99999; box-shadow: 0 5px 18px rgba(99, 36, 0, .18);}
.linhaFim .container {display: flex;align-items: center; justify-content: center;}
.linhaFim .fechar {margin-left: 12px; border: 0; background: transparent; color: inherit; cursor: pointer;}

.fa {padding: 20px; font-size: 30px; width: 30px; text-align: center; text-decoration: none; margin: 5px 2px; background-color: #fff; border-radius: 50%; color: #760D9F;}
.fa:hover {background-color: #FF6600; color: #fff;}
.fa-times {font-size: 10px; padding: 5px; width: 10px;}


@media (max-width: 1200px) {
  .container {width: 90%;}
  ul {width: 70%;}
}

@media (max-width: 800px) {
  li {width: 70vw;}
}

@media (max-width: 715px) {
  .logo {width: 100%; text-align: center;}
  .container {width: 92%; margin: 0 auto;}
  .containerPage div {width: 80%; margin: 0 auto; padding-top: 6%;}
  ul {width: 100%; margin: 0 auto}
  li {font-size: 18px; width: 100%; margin-bottom: 7%;}
  .linha01 .col {width: 100%; display: block; margin-bottom: 30px; text-align: center;}
  .rodape {padding-top: 10%;}
  .fa {padding: 15px; font-size: 20px; width: 20px;}
  .linha01 .selo {float: none; margin: 0 auto;}
}

@media (max-width: 500px) {
  .empresa {flex-direction: column;}
  .a_empresa {margin-bottom: 5%;text-align: center;}
  p {padding-bottom: 3%;}
}

.container-geral {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

/* RODAPÉ -------------------------------------------------------------------------- */
.rodape {
  padding-bottom: 1rem !important;
  background-image: none !important;
  width: auto !important;
  height: unset !important;
}
.img-container-rodape > img {
  height: auto;
}
.contatos-rodape {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  gap: 2rem;
}
.redes-sociais-container-rodape {
  display: flex;
  gap: 30px;
}
.redes-sociais-container-rodape > .fa-brands {
  padding: 20px !important;
  font-size: 30px !important;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  background-color: #fff;
  border-radius: 50%;
  color: #760D9F;
  transition: 300ms;
  box-sizing: content-box !important;
}
.redes-sociais-container-rodape > .fa-brands:hover {
  background-color: #FF6600;
  color: #fff;
  transition: 300ms;
}
.informacoes-rodape {
  display: flex;
  justify-content: center;
  gap: 8rem;
  margin-bottom: 3rem;
}
.secao-informacao {
  color: white;
}
.secao-informacao-titulo {
  font-size: 16px !important;
}
.secao-informacao > a,
.secao-informacao > p {
  color: white;
  text-decoration: none;
  font-size: 15px !important;
  display: block;
  margin: 30px 0 ;
  font-size: 1.4em;
  margin: 1rem 0;
  font-weight: 200;
  text-decoration: none #F56516;
}
.selos-rodape {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.selo-google {
  height: 6rem;
  width: auto;
}
.segunda-secao-selos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.informacoes-legais-rodape > p {
  color: white;
  text-align: justify;
  font-weight: 400;
  font-size: 15px !important;
}
.informacoes-legais-rodape a {
  color: white;
  text-decoration: underline;
}
#cookie {
  display: none;

  /* display: flex; */
  align-items: center;
  gap: 1rem;
  position: fixed;
  bottom: .5rem;
  left: 20vw;
  padding: .5rem 1rem;
  z-index: 3;
  background-color: white;
  border: 1px solid white;
  border-radius: 15px;
  font-size: 1.7em;
  background-color: #760d9f;
  color: white;
  width: 60vw;
  text-align: justify;
}
#cookie > button {
  height: 3rem;
  width: max-content;
  border-radius: 10px;
  border: 1px solid white;
  background-color: white;
  color: #760D9F;
  padding: .25rem .5rem;
  margin-left: 1rem;
  cursor: pointer;
  font-size: 1.25em;
  white-space: nowrap;
  transition: 300ms;
}
#cookie > button:hover {
  background-color: #F56516;
  color: white;
  border-color: #F56516;
}
#cookie a {
  color: lightblue;
}

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

  .redes-sociais-container-rodape {
      gap: 15px;
  }
  .redes-sociais-container-rodape > .fa-brands {
      padding: 18px;
      font-size: 28px;
      width: 28px;
      border-radius: 100%;
  }
  .img-container-rodape {
      display: flex;
      justify-content: center;
  }
  .img-container-rodape > img {
      width: 100%;
      /* background: url(/novo-site/site/img/logo-mobile.png); */
  }
  .contatos-rodape {
    flex-direction: column;
    gap: 3rem;
  }
  .informacoes-rodape {
      display: flex;
      flex-direction: column;
      width: max-content;
      margin: auto;
      gap: 0;
      margin-bottom: 1rem;
  }
  .selos-rodape {
      display: grid;
  }
  .selo-google-container {
      grid-column: 1 / 3;
grid-row: 2 / 3;
  }
  .selo-google {
      width: 100%;
      height: auto;
  }
  .selo-sitelock-container {
      grid-column: 1 / 2;
  }
  .selo-reclameaqui-container {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
  }
}

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

  .redes-sociais-container-rodape {
      gap: 10px;
  }
  .redes-sociais-container-rodape > .fa-brands {
      padding: 18px;
      font-size: 26px;
      width: 26px;
      border-radius: 100%;
  }
}