.elementor-15054 .elementor-element.elementor-element-bd6be82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-15054 .elementor-element.elementor-element-744cff2{--display:flex;}.elementor-15054 .elementor-element.elementor-element-5eff2ea{--display:flex;}.elementor-15054 .elementor-element.elementor-element-7ad020f > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-15054 .elementor-element.elementor-element-7ad020f > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}/* Start custom CSS *//* ==========================================================
   ARCHIVE DAS TAXONOMIAS — FAZENDAS

   Classes utilizadas no template Archive:
   fs-arquivo-taxonomia
   fs-arquivo-taxonomia-hero
   fs-arquivo-taxonomia-titulo
   fs-arquivo-taxonomia-descricao
   fs-arquivo-taxonomia-listagem
   fs-arquivo-taxonomia-grid

   Classes utilizadas no Listing:
   fs-card-arquivo-fazenda
   fs-card-arquivo-imagem
   fs-card-arquivo-conteudo
   fs-card-arquivo-localizacao
   fs-card-arquivo-titulo
   fs-card-arquivo-subtitulo
   fs-card-arquivo-resumo
   fs-card-arquivo-termos
   fs-card-arquivo-botao
========================================================== */


/* ==========================================================
   1. VARIÁVEIS GERAIS

   Altere aqui as principais cores do Archive.
========================================================== */

.fs-arquivo-taxonomia {
  --fs-cor-vermelha: #ef3340;
  --fs-cor-vermelha-hover: #d82633;

  --fs-cor-texto: #222222;
  --fs-cor-texto-suave: #666666;

  --fs-cor-fundo: #ffffff;
  --fs-cor-fundo-claro: #f7f5f1;
  --fs-cor-borda: #e8e4df;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--fs-cor-fundo) !important;

  font-family: "Montserrat", sans-serif !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   2. HERO DA TAXONOMIA

   Controla a faixa vermelha onde aparece “Touros”.

   ALTURA:
   Altere 150px para aumentar ou diminuir.

   ESPAÇAMENTO LATERAL:
   O título recebe 20px de distância da lateral.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-hero,
body .fs-arquivo-taxonomia-hero {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  width: calc(100% - 40px) !important;
  max-width: 1140px !important;

  height: 150px !important;
  min-height: 150px !important;
  max-height: none !important;

  margin: 30px auto 0 !important;

  padding-top: 0 !important;
  padding-right: 20px !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;

  background:
    linear-gradient(
      135deg,
      #ef3340 0%,
      #ce2735 100%
    ) !important;

  text-align: left !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}


/* ==========================================================
   3. CONTAINER INTERNO DO HERO

   Corrige o .e-con-inner criado automaticamente
   pelo Elementor em containers Boxed.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-hero > .e-con-inner,
body .fs-arquivo-taxonomia-hero > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 100% !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   4. ELEMENTOS DECORATIVOS DO HERO

   Cria os círculos transparentes no fundo vermelho.
========================================================== */

.fs-arquivo-taxonomia-hero::before {
  content: "";

  position: absolute;
  top: -115px;
  left: 35px;

  width: 210px;
  height: 210px;

  border: 38px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;

  pointer-events: none;
}


.fs-arquivo-taxonomia-hero::after {
  content: "";

  position: absolute;
  bottom: -120px;
  left: -75px;

  width: 210px;
  height: 210px;

  border: 38px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;

  pointer-events: none;
}


/* Mantém título e descrição acima da decoração */
.fs-arquivo-taxonomia-hero > *,
.fs-arquivo-taxonomia-hero > .e-con-inner > * {
  position: relative !important;
  z-index: 2 !important;
}


/* ==========================================================
   5. WIDGET DO TÍTULO

   Garante que o widget ocupe toda a largura e fique
   alinhado à esquerda.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-titulo,
body .fs-arquivo-taxonomia-titulo {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.fs-arquivo-taxonomia-titulo
.elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


/* ==========================================================
   6. TEXTO DO TÍTULO

   TAMANHO:
   Altere 42px para aumentar ou diminuir “Touros”.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-titulo h1,
body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-titulo .elementor-heading-title,
body .fs-arquivo-taxonomia-titulo h1,
body .fs-arquivo-taxonomia-titulo .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;

  color: #ffffff !important;

  text-align: left !important;
  text-transform: none !important;
}


/* ==========================================================
   7. DESCRIÇÃO DA TAXONOMIA

   Caso o termo tenha uma descrição, ela aparecerá
   alinhada à esquerda, abaixo do título.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-descricao,
body .fs-arquivo-taxonomia-descricao {
  width: 100% !important;
  max-width: 800px !important;

  margin: 10px 0 0 !important;
  padding: 0 !important;

  text-align: left !important;
}


.fs-arquivo-taxonomia-descricao,
.fs-arquivo-taxonomia-descricao p,
.fs-arquivo-taxonomia-descricao
.elementor-widget-container {
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;

  color: rgba(255, 255, 255, 0.92) !important;

  text-align: left !important;
}


.fs-arquivo-taxonomia-descricao p {
  margin: 0 !important;
}


/* ==========================================================
   8. ÁREA GERAL DA LISTAGEM

   Cria 20px de espaço nas laterais dos cards.

   DISTÂNCIA DO HERO:
   Altere 55px no padding superior.
========================================================== */

body .fs-arquivo-taxonomia
.fs-arquivo-taxonomia-listagem,
body .fs-arquivo-taxonomia-listagem {
  width: calc(100% - 40px) !important;
  max-width: 1140px !important;

  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding-top: 55px !important;
  padding-right: 20px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;

  box-sizing: border-box !important;
}


/* Corrige o container interno Boxed do Elementor */
.fs-arquivo-taxonomia-listagem > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   9. LISTING GRID

   Garante que o grid ocupe toda a área disponível.
========================================================== */

.fs-arquivo-taxonomia-grid {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.fs-arquivo-taxonomia-grid
.jet-listing-grid {
  width: 100% !important;
}


.fs-arquivo-taxonomia-grid
.jet-listing-grid__items {
  width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  row-gap: 35px !important;
}


/* Cada item do Listing */
.fs-arquivo-taxonomia-grid
.jet-listing-grid__item {
  display: flex !important;

  min-width: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* Listing interno ocupando a coluna inteira */
.fs-arquivo-taxonomia-grid
.jet-listing-grid__item
> .elementor {
  width: 100% !important;
}


/* ==========================================================
   10. CARD PRINCIPAL DA FAZENDA

   Define borda, sombra, arredondamento e hover.
========================================================== */

body .fs-card-arquivo-fazenda {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;

  border: 1px solid var(--fs-cor-borda, #e8e4df) !important;
  border-radius: 16px !important;

  box-shadow:
    0 8px 28px rgba(0, 0, 0, 0.08) !important;

  box-sizing: border-box !important;
  overflow: hidden !important;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}


/* Movimento do card ao passar o mouse */
body .fs-card-arquivo-fazenda:hover {
  transform: translateY(-5px) !important;

  border-color: rgba(239, 51, 64, 0.35) !important;

  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.13) !important;
}


/* Remove padding de containers internos inesperados */
.fs-card-arquivo-fazenda > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   11. IMAGEM DO CARD

   ALTURA:
   Altere 260px para aumentar ou diminuir a imagem.
========================================================== */

body .fs-card-arquivo-imagem {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 260px !important;
  min-height: 260px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}


.fs-card-arquivo-imagem
.elementor-widget-container,
.fs-card-arquivo-imagem
.jet-listing-dynamic-image,
.fs-card-arquivo-imagem
.jet-listing-dynamic-image__link {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.fs-card-arquivo-imagem img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  transition:
    transform 0.5s ease,
    filter 0.5s ease !important;
}


/* Zoom da imagem ao passar o mouse */
.fs-card-arquivo-fazenda:hover
.fs-card-arquivo-imagem img {
  transform: scale(1.04) !important;
  filter: brightness(0.96) !important;
}


/* ==========================================================
   12. CONTAINER DOS TEXTOS DO CARD

   Cria 20px de espaço à esquerda e à direita.

   PADDING LATERAL:
   Altere 20px para aumentar ou diminuir o respiro.
========================================================== */

body .fs-card-arquivo-conteudo {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  flex: 1 1 auto !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  padding-top: 24px !important;
  padding-right: 20px !important;
  padding-bottom: 26px !important;
  padding-left: 20px !important;

  box-sizing: border-box !important;
}


/* Container interno criado pelo Elementor */
.fs-card-arquivo-conteudo > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   13. CAMPOS INTERNOS DO CARD

   Garante que os campos respeitem o padding de 20px.
========================================================== */

.fs-card-arquivo-localizacao,
.fs-card-arquivo-titulo,
.fs-card-arquivo-subtitulo,
.fs-card-arquivo-resumo,
.fs-card-arquivo-termos,
.fs-card-arquivo-botao {
  width: 100% !important;
  max-width: 100% !important;

  box-sizing: border-box !important;
}


/* ==========================================================
   14. LOCALIZAÇÃO

   Exemplo:
   CIDADE: COLÍDER / ESTADO: MATO GROSSO / PAÍS: BRASIL
========================================================== */

body .fs-card-arquivo-localizacao {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  gap: 4px !important;

  margin: 0 0 20px !important;
  padding: 0 !important;
}


.fs-card-arquivo-localizacao,
.fs-card-arquivo-localizacao
.jet-listing-dynamic-field__content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  color: var(--fs-cor-vermelha, #ef3340) !important;

  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
}


/* ==========================================================
   15. TÍTULO DA FAZENDA
========================================================== */

body .fs-card-arquivo-titulo {
  margin: 0 0 12px !important;
  padding: 0 !important;
}


.fs-card-arquivo-titulo,
.fs-card-arquivo-titulo a,
.fs-card-arquivo-titulo h2,
.fs-card-arquivo-titulo h3,
.fs-card-arquivo-titulo
.jet-listing-dynamic-field__content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  color: var(--fs-cor-texto, #222222) !important;

  text-decoration: none !important;
}


.fs-card-arquivo-titulo a:hover {
  color: var(--fs-cor-vermelha, #ef3340) !important;
}


/* ==========================================================
   16. SUBTÍTULO DA FAZENDA
========================================================== */

body .fs-card-arquivo-subtitulo {
  margin: 0 0 14px !important;
  padding: 0 !important;
}


.fs-card-arquivo-subtitulo,
.fs-card-arquivo-subtitulo
.jet-listing-dynamic-field__content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;

  color: #4f4f4f !important;
}


/* ==========================================================
   17. RESUMO DA FAZENDA
========================================================== */

body .fs-card-arquivo-resumo {
  flex: 1 1 auto !important;

  margin: 0 0 20px !important;
  padding: 0 !important;
}


.fs-card-arquivo-resumo,
.fs-card-arquivo-resumo p,
.fs-card-arquivo-resumo
.jet-listing-dynamic-field__content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  color: var(--fs-cor-texto-suave, #666666) !important;
}


.fs-card-arquivo-resumo p {
  margin: 0 !important;
}


/* Limita o resumo a quatro linhas */
.fs-card-arquivo-resumo
.jet-listing-dynamic-field__content {
  display: -webkit-box !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;

  overflow: hidden !important;
}


/* ==========================================================
   18. TERMOS DO CARD

   Caso o widget Dynamic Terms esteja presente.
========================================================== */

body .fs-card-arquivo-termos {
  margin: 0 0 20px !important;
  padding: 0 !important;
}


.fs-card-arquivo-termos
.jet-listing-dynamic-terms {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 6px !important;
}


.fs-card-arquivo-termos
.jet-listing-dynamic-terms__delimiter {
  display: none !important;
}


.fs-card-arquivo-termos
.jet-listing-dynamic-terms__link,
.fs-card-arquivo-termos
.jet-listing-dynamic-terms__item {
  display: inline-flex !important;
  align-items: center !important;

  padding: 6px 10px !important;

  background: var(--fs-cor-fundo-claro, #f7f5f1) !important;

  border: 1px solid var(--fs-cor-borda, #e8e4df) !important;
  border-radius: 999px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  color: #5d5145 !important;

  text-decoration: none !important;
}


/* ==========================================================
   19. CONTAINER DO BOTÃO

   O botão ocupa 50% da largura do card e fica centralizado.

   LARGURA:
   Altere 50% para aumentar ou diminuir.
========================================================== */

body .fs-card-arquivo-botao {
  width: 50% !important;
  max-width: 50% !important;

  margin-top: 10px !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;

  padding: 0 !important;

  align-self: center !important;

  box-sizing: border-box !important;
}


/* Wrapper interno do Elementor */
.fs-card-arquivo-botao
.elementor-widget-container,
.fs-card-arquivo-botao
.elementor-button-wrapper {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


/* ==========================================================
   20. BOTÃO “VER MAIS INFORMAÇÕES”
========================================================== */

body .fs-card-arquivo-botao
.elementor-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 46px !important;

  margin: 0 !important;
  padding: 12px 18px !important;

  background: var(--fs-cor-vermelha, #ef3340) !important;

  border: 1px solid var(--fs-cor-vermelha, #ef3340) !important;
  border-radius: 7px !important;

  box-shadow: none !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

  color: #ffffff !important;

  text-align: center !important;
  text-decoration: none !important;

  box-sizing: border-box !important;

  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease !important;
}


/* Hover do botão */
body .fs-card-arquivo-botao
.elementor-button:hover {
  background: var(--fs-cor-vermelha-hover, #d82633) !important;
  border-color: var(--fs-cor-vermelha-hover, #d82633) !important;

  color: #ffffff !important;

  transform: translateY(-2px) !important;
}


/* ==========================================================
   21. MENSAGEM SEM RESULTADOS
========================================================== */

.fs-arquivo-taxonomia-grid
.jet-listing-not-found {
  width: 100% !important;

  padding: 35px 20px !important;

  background: var(--fs-cor-fundo-claro, #f7f5f1) !important;

  border: 1px solid var(--fs-cor-borda, #e8e4df) !important;
  border-radius: 12px !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  color: var(--fs-cor-texto-suave, #666666) !important;

  text-align: center !important;
}


/* ==========================================================
   22. TABLET
========================================================== */

@media (max-width: 1024px) {

  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-hero,
  body .fs-arquivo-taxonomia-hero {
    width: calc(100% - 40px) !important;

    height: 140px !important;
    min-height: 140px !important;

    margin-top: 25px !important;
  }


  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-titulo h1,
  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-titulo
  .elementor-heading-title {
    font-size: 36px !important;
  }


  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-listagem {
    padding-top: 45px !important;
    padding-bottom: 65px !important;
  }


  body .fs-card-arquivo-imagem {
    height: 230px !important;
    min-height: 230px !important;
  }


  body .fs-card-arquivo-botao {
    width: 50% !important;
    max-width: 50% !important;
  }

}


/* ==========================================================
   23. MOBILE
========================================================== */

@media (max-width: 767px) {

  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-hero,
  body .fs-arquivo-taxonomia-hero {
    width: calc(100% - 30px) !important;

    height: 120px !important;
    min-height: 120px !important;

    margin-top: 18px !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }


  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-titulo h1,
  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-titulo
  .elementor-heading-title {
    font-size: 30px !important;
  }


  body .fs-arquivo-taxonomia
  .fs-arquivo-taxonomia-listagem,
  body .fs-arquivo-taxonomia-listagem {
    width: 100% !important;

    padding-top: 35px !important;
    padding-right: 15px !important;
    padding-bottom: 50px !important;
    padding-left: 15px !important;
  }


  body .fs-card-arquivo-imagem {
    height: 220px !important;
    min-height: 220px !important;
  }


  body .fs-card-arquivo-conteudo {
    padding-top: 22px !important;
    padding-right: 18px !important;
    padding-bottom: 22px !important;
    padding-left: 18px !important;
  }


  .fs-card-arquivo-titulo,
  .fs-card-arquivo-titulo a,
  .fs-card-arquivo-titulo h2,
  .fs-card-arquivo-titulo h3,
  .fs-card-arquivo-titulo
  .jet-listing-dynamic-field__content {
    font-size: 21px !important;
  }


  /*
   * No celular o botão passa para 100% para facilitar
   * o clique com o dedo.
   */
  body .fs-card-arquivo-botao {
    width: 100% !important;
    max-width: 100% !important;
  }

}/* End custom CSS */