body, html {
  --bege: #e3c6a1;
  --marrom-escuro: #8a5d37;
  --marrom-claro: #b07f4f ;
  --verde-fundo: #1b6851;
  --vermelho: #bd2c2d;
  --cinza: #e0e0de;

  font-family: 'Cartograph', sans-serif;
  height: 4000px;
  margin: 0;
  padding: 0;
  /* Mantenha o overflow-x para ocultar a rolagem */
  overflow-x: hidden !important; 
  width: 100%; /* Garante que body e html tenham exatamente 100% de largura */
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
/*'Barlow'*/
input[type=checkbox] {
  border: 2px solid var(--marrom-claro);
  box-shadow: none;
}

input[type=checkbox]:checked,
input[type="checkbox"]:focus {
  background-color: var(--cinza);
  border-color: var(--cinza);
  box-shadow: none;
  outline: none;
}

#logo {
  max-width: 140px; /* tamanho máximo do logo */
  width: 100%;       /* ocupa 100% do espaço disponível até o limite do max-width */
  height: auto;      /* mantém a proporção */
  background: transparent;
  mix-blend-mode: multiply;
  /*max-width: 100%;*/

}

#logoMenu {
   background: transparent;
  mix-blend-mode: multiply;
  height: auto;
  max-width: 100%;
}

.banner-1 {
  background-image: url(./assets/banner4.png)
}

.banner-2 {
  background-image: url(./assets/banner2.png);
}

.banner-3 {
  background-image: url(./assets/banner3.png);
}

.banners {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


.video-bg {
  width: 100%;
  height: 90vh;
  object-fit: cover; /* preenche sem distorcer */
  /*opacity: 0.8;*/
}

.banners-titulo {
  --bs-bg-opacity: .2;
}

.botao-padrao {
  background-color: var(--verde-fundo);
  color: white;
}

.botao-padrao:hover {
  background-color: var(--bege);
}

.input-range::-webkit-slider-thumb {
  background-color: var(--verde-fundo);
}

.footer {
  background-color: var(--verde-fundo);
  color: white;
}


.col-md-7 img {
  display: block;       /* transforma em bloco para poder centralizar */
  margin: 0 auto;       /* centraliza horizontalmente */
  max-width: 70%;       /* controla o tamanho máximo (ajuste conforme quiser) */
  height: auto;         /* mantém proporção */
}

[data-bs-theme="dark"] {
  color: white;
  .nav-link, .card-body, .offcanvas, .accordion, .btn {
    --bs-nav-link-color: white;
    --bs-card-color: white;
    --bs-ofcanvas-color: white;
    --bs-body-color: white;
    --bs-body-color: white;
  }
}

/*Para configurar a cor do accordion item quando expandido*/
.accordion-button:not(.collapsed) {
  color: var(--verde-fundo);       /* cor do texto */
  background-color: var(--cinza); /* cor do fundo */
}


.div-container {
  display: flex;
  justify-content: center; /* centraliza na horizontal */
  align-items: center;    /* centraliza na vertical */
  height: 200px; /* precisa ter altura definida */
  border: 1px solid #ccc;
  text-align: justify;
}

.texto {
  text-align: justify;
}

.carousel-item img {
  max-height: 350px;   /* limite de altura */
  max-width: 350px;         /* mantém proporção original */
  margin: 0 auto;
  display: block;
}



.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  background-color: var(--verde-fundo); /* verde mais escuro */
} 

.carousel-title {
  background-color: var(--verde-fundo); /* verde */
  color: white;             /* texto branco */
  border-radius: 6px;       /* cantos levemente arredondados */
  font-weight: bold;
}



/* Fundo escurecido */
.lightbox {
  display: none;
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 1rem;
}

/* Imagem ampliada */
.lightbox img {
  max-width: 90%;
  max-height: 85vh;
  border-radius: 12px;
  object-fit: contain;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  animation: fadeIn 0.3s ease;
}

/* Botão de fechar */
.lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 2rem;
  color: white;
  cursor: pointer;
  z-index: 1100;
}

/* Efeito suave */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

/* Responsivo */
@media (max-width: 768px) {
  .lightbox img {
    max-width: 95%;
    max-height: 75vh;
  }
  .lightbox .close {
    top: 10px;
    right: 15px;
    font-size: 2.5rem;
  }
}
.lightbox {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
}

.lightbox img {
  max-width: 90%;
  max-height: 85%;
  border-radius: 8px;
  transition: 0.3s ease;
}

.lightbox .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.lightbox-prev,
.lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  padding: 20px;
  user-select: none;
}

.lightbox-prev:hover,
.lightbox-next:hover {
  color: #aaa;
}

.lightbox-prev {
  left: 20px;
}

.lightbox-next {
  right: 20px;
}

/* Testimonials Section */
.testimonials-section {
  padding: var(--section-padding);
  background-color: var(--color-bg);
}

.testimonial-card {
  background-color: var(--color-surface);
  padding: 2rem;
  border-radius: 16px;
  border: 1px solid var(--color-border);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: var(--transition);
}

.testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px var(--color-shadow);
}

.testimonial-rating {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.testimonial-text {
  flex: 1;
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  color: var(--color-text);
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.testimonial-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-border);
}

.author-name {
  font-weight: 700;
  font-size: 1rem;
  color: var(--color-text);
}

.author-title {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
}


/* IDENTIDADE VISUAL ESSENCE

Verde escuro (fundo): #1b6851

Branco (elementos do galho e folhas): #f6f6f6

Vermelho (detalhes de frutos/pontos): #bd2c2d

Cinza claro (sombra sutil ou variação do branco): #e0e0de


Paleta de Tons Terrosos (hexadecimal):
#a06c3e – Marrom caramelo queimado

#d4ab7d – Bege amadeirado claro

#b07f4f – Marrom médio quente

#e3c6a1 – Areia suave

#8a5d37 – Marrom escuro intenso

#6d462a – Terra profunda (quase café)
*/