.bemvindo {
 position: relative;
  display: inline-block;
  padding: 18px 56px;
  font-size: 3rem;
  font-family: Georgia, serif;
  font-weight: bold;
  color: #fff;              
  margin-top: 100px; 
}

.centro{
  text-align: center;
  width: 100%;
}

.bemvindo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 40px;
  background: radial-gradient(ellipse at center,
    #74885C 70%,
    #74885C99 85%,
    #74885C33 95%,
    #ffffff00 100%
  );
  filter: blur(18px);
}

.quemsomos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 auto;
  padding-bottom: 100px;
  
}

.imgprodutos {
  flex: 0 0 auto;
  width: 500px;
  height: auto;
  z-index: 1;
  margin-top: 20px;
}

.textoqs {
  position: relative;
  text-align: center;
  flex: 1;
  max-width: 450px;
  font-family: Georgia, serif;
  font-size: 1.1rem;
  height: 250px;
  padding-bottom: 30px;
  color: #000000;
  
}


.conprodut{
 position: relative;
  display: inline-block;
  padding: 18px 56px;
  font-size: 3rem;
  font-family: Georgia, serif;
  font-weight: bold;
  color: #fff;              /* Branco */
  z-index: 1;
  margin-top: 100px;
}

.conprodut::before {
 content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 40px;
  background: radial-gradient(ellipse at center,
    #74885C 70%,
    #74885C99 85%,
    #74885C33 95%,
    #ffffff00 100%
  );
  filter: blur(18px);
}



.produtos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;               
  width: 90%;          
  max-width: 800px;    
  margin: 0 auto;      
}         



.produtos .item {
  border: 5px solid var(--cor-fundo); 
  border-radius: 24px;                 
  padding: 1rem;                      
  text-align: center;                
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;                   
}


.produtos .item img.imgprod {
  
  width: 300px !important;
  height: auto;
  margin-bottom: 0.5rem;
}


.produtos .item .nomeitem {
  margin: 0;
  font-family: Georgia, serif;
  font-size: 2rem;
  color: #333;
}


.produtos .item:last-child {
  grid-column: 1 / -1;
}
 

.linkasemdec {
  text-decoration: none !important;
}


.grupowhats{
 text-align: center;
  align-items: center;
  position: relative;
  padding-bottom: 200px;
  padding-top: 100px;
  margin: 0 auto;
  background-color: #fff;
  max-width: 900px;
  width: 100%;
}

.h2grupowhats{
     position: relative;
  display: inline-block;
  padding: 18px 56px;
  font-size: 3rem;
  font-family: Georgia, serif;
  font-weight: bold;
  color: #fff;
  z-index: 1;
  margin-top: 100px;
}

.h2grupowhats::before {
   content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 40px;
  background: radial-gradient(ellipse at center,
    #74885C 70%,
    #74885C99 85%,
    #74885C33 95%,
    #ffffff00 100%
  );
  filter: blur(18px);
}


.conteinerwhats{
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;  
  align-items: center;      
  flex-wrap: wrap; 
  margin-top: 40px;
}



.wtimg{
  width: 200px;
  height: 200px;
  flex-shrink: 0;
  display: block;
  
}

.descelinkw{
   flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 400px;
}

.descw{
    width: 100%;
  max-width: 400px;
  font-size: 1.2rem;
  
  text-align: center;
  margin-bottom: 18px;
}


.saibamaisw{
 text-align: center;
  font-family: Georgia, serif;
    padding: 10px 24px;
  border-radius: 24px;  
  font-family: Georgia, serif;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(
    to bottom,
    #7a8c5f,  
    #6a7c4f   
  );
  box-shadow:
    0 4px 8px rgba(0,0,0,0.1),   
    0 1px 2px rgba(0,0,0,0.05);  
  box-shadow:
    0 4px 8px rgba(0,0,0,0.1),
    inset 0 2px 4px rgba(255,255,255,0.2);
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  transition: 
    transform 0.1s ease-in-out,
    box-shadow 0.2s ease-in-out
    background 0.2s ease-in-out;
  
}

.saibamaisw:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 12px rgba(0,0,0,0.15),
    inset 0 2px 4px rgba(255,255,255,0.2);
    
}
.saibamaisw:active {
  transform: translateY(1px);
  box-shadow:
    0 2px 4px rgba(0,0,0,0.1),
    inset 0 1px 2px rgba(0,0,0,0.2);
    
}



.oqueefbo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 80px;
  padding-top: 80px;
  gap: 40px; /* Espaço entre a imagem e o texto */
}

.fboimg {
  width: 480px;
  max-width: 40vw;
  height: auto;
  z-index: 1;
  margin-top: 20px;
  display: block;
}

.textoetitulofbo {
  display: flex;
  flex-direction: column;
  align-items: center;      /* Centraliza todos os itens */
  justify-content: center;
  margin-top: 50px;
  max-width: 540px;
  width: 100%;
}

.titulofbo {
  position: relative;
  display: inline-block;
  padding: 16px 38px;
  font-size: 1.7rem;
  font-family: Georgia, serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 32px;
  z-index: 1;
  /* Degradê nas bordas */
}
.titulofbo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 30px;
  background: radial-gradient(ellipse at center,
    #74885C 70%,
    #74885C99 85%,
    #74885C33 95%,
    #ffffff00 100%
  );
  filter: blur(12px);
}

/* Centraliza texto */
.textofbo {
  text-align: center;
  font-family: Georgia, serif;
  font-size: 1.07rem;
  color: #232323;
  margin-bottom: 36px;
  width: 100%;
  line-height: 1.6;
}

/* Botão estilizado */
.linkwhatsfbo {
  display: inline-block;
  font-family: Georgia, serif;
    padding: 10px 24px;
  border-radius: 24px;  
  font-family: Georgia, serif;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(
    to bottom,
    #7a8c5f,  
    #6a7c4f   
  );
  box-shadow:
    0 4px 8px rgba(0,0,0,0.1),   
    0 1px 2px rgba(0,0,0,0.05);  
  box-shadow:
    0 4px 8px rgba(0,0,0,0.1),
    inset 0 2px 4px rgba(255,255,255,0.2);
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  transition: 
    transform 0.1s ease-in-out,
    box-shadow 0.2s ease-in-out
    background 0.2s ease-in-out;
}

.linkwhatsfbo:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 12px rgba(0,0,0,0.15),
    inset 0 2px 4px rgba(255,255,255,0.2);
}
.linkwhatsfbo:active {
  transform: translateY(1px);
  box-shadow:
    0 2px 4px rgba(0,0,0,0.1),
    inset 0 1px 2px rgba(0,0,0,0.2);
}

.rolarimgfbo{
 
  position: sticky;
  top: 300px;                  
  align-self: flex-start;
  margin-bottom: 50px;     
                 
  
}