@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@300&family=Nunito:ital@0;1&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");
/* APAGAR O TÍTULO PRÉ-DEFINIDO DAS PÁGINAS */
.caixa-sombreada > .titulo {
  color: #fff;
}

/* ALTERAR A ORDEM DA DESCRIÇÃO E DOS BOTÕES DE PAGINAÇÃO */
.ordenar-listagem.rodape {
  order: 4 !important;
}

.categoria-descricao {
  order: 5 !important;
}

.cores-personalizadas #cabecalho .busca {
    border: 1px solid #fff !important
}

/* CATEGORIAS ESCONDIDAS */ 
/* ------------------------------------------------- */ 
.categoria-id-23199877 /* categoria da kali*/ {
  display: none !important;
}

.categoria-id-23199877-mobile /* categoria da kali*/ {
  display: none !important;
}

/* MOBILE - PESQUISAR */
a[href="https://www.veridianaquirino.com.br/influ"] {
  display: none !important;
}
/* ------------------------------------------------- */ 


/* PÁGINA - QUEM SOMOS */

.quem-somos {
  box-sizing: border-box;

  width: 1250px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  font-family: "Nunito", serif;
}

.quem-somos-secao-1,
.quem-somos-secao-3,
.quem-somos-secao-4 {
  padding: 50px;
}

.quem-somos-secao-2 {
  background-color: #d3cfd0;
}

.quem-somos-secao-2 .title {
  color: #6c6966;
  text-align: center;
  font-size: 38px !important;

  margin: 30px;
}

.quem-somos-secao-4 {
  background-color: #7c887b;
  color: #f8efea;
}

.quem-somos-secao-4 .title {
  color: #f8efea;
  font-family: "Lexend", serif;
  font-size: 32px;
  text-transform: uppercase;
}

.quem-somos a {
  color: #7c887b;
  font-weight: bold;
  text-decoration: none;
}

.banner {
  width: 1250px;
  height: 471px;
}

.title {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  color: #7c887b;
  line-height: 34px;

  margin-bottom: 20px;
}

.cards {
  width: 70%;
  margin: 0 auto;

  display: flex;
  gap: 2rem;
  flex-wrap: wrap;

  margin-bottom: 40px;
}

.card {
  background-color: #f8efea;

  border-radius: 10px;

  width: 420px;

  padding: 20px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card h3 {
  font-family: "Lexend", serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #7c887b;

  margin: 0;
}

@media (max-width: 1600px) {
  br {
    display: none;
  }

  .quem-somos {
    width: 100%;
  }

  .banner,
  .banner img {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 600px) {
  .title {
    font-size: 20px !important;
  }

  .quem-somos-secao-1,
  .quem-somos-secao-3,
  .quem-somos-secao-4 {
    padding: 10px;
  }

  .quem-somos-secao-2 .title {
    font-size: 28px !important;
  }

  .cards {
    width: 90%;
  }

  .card {
    padding: 15px;
  }

  .card h3 {
    font-size: 14px;
  }
}

/* PÁGINA - NOSSAS UNIDADES */


.nossas-unidades-desktop,
.nossas-unidades-mobile {
  box-sizing: border-box;

  width: 1252px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  font-family: "Lexend", serif;
}

.nossas-unidades-desktop h1,
.nossas-unidades-mobile h1 {
  background-color: #7c887b;
  color: #f8efea;

  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  text-align: center;

  padding: 40px;
}

.resumo {
  display: flex;
  flex-direction: column;

  padding: 50px;
}

.resumo div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.unidades {
  background-color: #f8efea;
}

.unidade {
  display: flex;
}

.unidade .container {
  width: 50%;

  display: flex;
  justify-content: center;
}

.informacoes {
  width: 70%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}

.informacoes h3,
.resumo h2 {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 30px;
  color: #7c887b;
  font-style: italic;

  margin: 5px 0;
}

.informacoes .item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 300;

  font-family: "Lexend", serif;
  font-size: 17px;
}

.informacoes .endereco {
  color: #7c887b;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.informacoes .horario,
.informacoes .lojas {
  align-items: flex-start;
}

.informacoes span {
  font-weight: bold;
}

.informacoes .vq-em-casa h3 {
  font-style: initial;
}

.informacoes a {
  color: #7c887b;
  text-decoration: underline;
}

p {
  margin: 0;
}

.nossas-unidades-mobile {
  display: none;
}

@media (max-width: 1000px) {
  .nossas-unidades-desktop {
    display: none;
  }

  .nossas-unidades-mobile {
    display: flex;

    width: 100%;
  }

  .resumo {
    padding: 10px 30px 30px;
  }

  .unidades {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }

  .unidade {
    flex-direction: column;
  }

  .unidade .container {
    width: 100%;
  }

  .container .imagem {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
  }

  .informacoes {
    width: 100%;
    padding: 20px;
  }

  .informacoes h3 {
    margin: 10px;
  }

  .informacoes .item {
    font-size: 16px;
  }

  .informacoes span {
    font-size: 14px !important;
  }
}



/* PÁGINA - NOSSA UNIDADES TESTE */


.nossa-unidades-desktop,
.nossa-unidades-mobile {
  box-sizing: border-box;

  width: 1252px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  font-family: "Lexend", serif;
}

.nossa-unidades-desktop h1,
.nossa-unidades-mobile h1 {
  background-color: #F2F4F0;
  color: #f8efea;

  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  text-align: center;

  padding: 40px;
}

.resumo {
  display: flex;
  flex-direction: column;

  padding: 50px;
}

.resumo div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.unidades {
  background-color: #F2F4F0;
}

.unidade {
  display: flex;
}

.unidade .container {
  width: 50%;

  display: flex;
  justify-content: center;
}

.informacoes {
  width: 70%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}

.informacoes h3,
.resumo h2 {
  font-family: "Ador Hairline", serif;
  font-weight: 500;
  font-size: 30px;
  color: #7c887b;
  font-style: normal;

  margin: 5px 0;
}

.informacoes .item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 300;

  font-family: "Lexend", serif;
  font-size: 17px;
}

.informacoes .endereco {
  color: #7c887b;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.informacoes .horario,
.informacoes .lojas {
  align-items: flex-start;
}

.informacoes span {
  font-weight: bold;
}

.informacoes .vq-em-casa h3 {
  font-style: initial;
}

.informacoes a {
  color: #7c887b;
  text-decoration: underline;
}

p {
  margin: 0;
}

.nossa-unidades-mobile {
  display: none;
}

@media (max-width: 1000px) {
  .nossa-unidades-desktop {
    display: none;
  }

  .nossa-unidades-mobile {
    display: flex;

    width: 100%;
  }

  .resumo {
    padding: 10px 30px 30px;
  }

  .unidades {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }

  .unidade {
    flex-direction: column;
  }

  .unidade .container {
    width: 100%;
  }

  .container .imagem {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
  }

  .informacoes {
    width: 100%;
    padding: 20px;
  }

  .informacoes h3 {
    margin: 10px;
  }

  .informacoes .item {
    font-size: 16px;
  }

  .informacoes span {
    font-size: 14px !important;
  }
}
