*{
    box-sizing:border-box;
    margin: 0;
    padding: 0;
    background-color: white;

}


.box1{
text-align: center;
}

.img-inicio{
width: 100%;
}

.comprar{
    text-align: center;
}
    
.comprar2{
    text-align:center;
    background-color: black;
}
    
    

.header-button {
   background-color: rgb(138, 88, 14);
    color: white;
    font-size: 18px;
    padding: 12px 24px;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
  
    
    
  }
  
  .header-button:hover {
    padding: 14px 26px;
    border: 1px solid white;
    background-color: rgb(198, 118, 10);
  }