body{
    background-image: url("/img/fondo-bg.jpg");
    background-color: #d9d9d99a;
}

.hidden {
    display: none;
}

.cart-icon {
    text-decoration: none;
}

li { 
    list-style-type: none;
}

.custom-input {
    border-color: #cbb89d;
    background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.custom-input:focus {
    outline: none;
    border-color: #d9d9d9;
    box-shadow: 0 0 5px #d9d9d9;
}


.btn-transparent {
    background-color: transparent;
    color: #d9d9d9;
    border: 2px solid #d9d9d9; 
    transition: background-color 0.3s, color 0.3s;
  }

  .btn-transparent:hover {
    background-color: #d4edda; 
    color: #155724; 
    border-color: #155724;
    box-shadow: 0 0 15px #155724;
  }

.img-pag {
    width: 60px;
}

.navbar {
    background-color: #155724;
}