body{
    font-family: 'Plus Jakarta Sans', sans-serif ;
    background-color: rgb(253, 253, 253);
    margin: 0%;
    padding: 0%;
}
header{
    background-color: rgb(9, 100, 9);
    display: flex;
   flex-direction: row;
    
    
}
header h2{
    margin-left: 50px;
    color: rgb(0, 0, 0);
    width: 50px;
    height: 50px;
    border-radius:100%;
    background-color: rgb(254, 255, 255);
    text-align: center;line-height: 45px;
}
#cartera{
    display: flex;
    flex-direction: row;
    background-color: rgba(210, 105, 30, 0);
    width: 100%;
    justify-content: flex-end;
    line-height: 50px;
}
#cartera img{
    width: 50px;
    margin-right: 3px;
    margin-top: 10px;
}
.band{
    margin-right: 20px;
    color: floralwhite;
    margin-top: 10px;
}
.maespan1{
    background-color: rgba(0, 0, 0, 0);
    
}
.paiLogo{
    display: flex;
    flex-direction: row;
    line-height: 80px;
    background-color: rgba(165, 42, 42, 0);
    width: 35%;

}
.nome{
    color: azure;
    font-size:21px ;
    margin-left: 20px;
}
#lista01{
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-right: 50px;
    background-color: rgba(165, 42, 42, 0);
    line-height: 100px;color: aliceblue;


}
#lista01 a{
 text-decoration: none;
 color: rgb(255, 255, 255);
}
main{
    background-color: rgba(165, 42, 42, 0);
    width: 95%;
    margin:10px auto;
}
#balanca{
 background-color: rgba(128, 255, 0, 0);
 display: flex;
 flex-direction: row;
 justify-content: space-between;

}
.materiais{
  width: 100%;
  background-color: rgba(232, 248, 231, 0.735);
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  border-left:solid 5px rgb(210, 218, 118)  ;
  border-radius: 8px;
}
.icone-garrafa{
   font-size: 35px;
   margin:10px auto;


}
.pet{
    display: flex;
    width: 100px;
    height: 100px;
    border:solid 1px rgb(17, 87, 25) ;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    border-radius: 8px;
}
.pet a{
    color: rgb(7, 89, 8);
}
.inp1{
    width: 100%;
    height: 20px;
    background-color: rgba(255, 0, 0, 0);
    border: 0;
   
    outline: none;
    
}
#fom{
    display: flex;
    flex-direction:column;
    gap: 10px;
}
#btn1{
    height: 35px;
    width: 100%;
  
    cursor: pointer;
    background-color: rgb(172, 215, 159);
    border: 0;
    color: rgb(0, 0, 0);
}
.valor{
    margin-top: 20px;
}
.paiBtn1{
    background-color: rgba(165, 42, 42, 0);
}
.paiInput{
    background-color: rgba(178, 222, 160, 0);
   padding:8px;
      display: flex;
      border: solid 1px rgb(194, 186, 182);
}
.cut{
margin-left: 50px;
background-color: rgb(255, 255, 255);
height: 50px;
padding: 7px;
color: rgb(7, 39, 2);
border-radius: 5px;
}

/* Estilização da seção verde */
  .relat {
    background-color: #2e7d32; /* Verde escuro elegante */
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    font-family: Arial, sans-serif;
  }

  /* Links e Ícones */
  .relat-menu {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .relat-link {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
  }

  .relat-link:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }

  /* Exibição do Peso e Valor */
  .relat-info {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 0.95rem;
  }

  .relat-info span {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .ordem-valor {
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 4px 10px;
    border-radius: 4px;
  }

  #color{
  background-color: #072408;
  color: #f5f507;
  padding: 2px;
  border-radius:5px;
  }