/* Generales */

* {
  margin: 0;
  font-family: "CANDARA", serif !important;
}

a,
a:before,
a:visited {
  text-decoration: none;
  color: #c2b58f !important;
}

/* Encabezado */

#redes {
  text-align: right;
  margin-right: 5%;
}

#logo {
  text-align: center;
}

#logo img {
  width: 90vw;
  margin-top: 20%;
  margin-bottom: 20%;
}

.img-redes {
  height: 3.5vh;
}

.img-redes:hover {
  transform: scale(1.3);
}

hr {
  height: 3vh;
  color: #c2b58f;
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.item-menu:hover {
  background-color: #c2b58f;
  border-radius: 10px;
  transition: background-color 0.3s;
  padding-left: 10px;
  padding-right: 10px;
}

.item-menu > a:hover {
  color: #e7e7e8 !important;
  transition: color 0.1s;
}

/* Aside */

aside {
  text-align: center;
  margin: 5% 5% 15%;
}

aside p {
  color: #c2b58f !important;
  font-size: 1rem;
}

/* Galería */

section p,
h2 {
  color: #c2b58f !important;
  background-color: #e7e7e8;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 4%;
}

section {
  text-align: center;
}

span[uk-icon] {
  background-color: #e7e7e8;
  padding: 7px;
  border-radius: 100px;
}

#price {
  color: #c2b58f;
}

.icon-cart {
  cursor: pointer;
  color: #c2b58f !important;
}

#to-cart {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  animation: latidos .5s infinite;
}

@keyframes latidos {
  from { transform: none; }
  50% { transform: scale(1.1); }
  to { transform: none; }
}

.amount-cart-item {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.uk-card-body {
  padding: 0 !important;
}

/* Pie de página */

#to-top {
  margin-left: 10px;
  border-radius: 25%;
  padding: 5px;
  background-color: #c2b58f;
  color: #e7e7e8 !important;
  cursor: pointer;
}

footer {
  display: flex;
  justify-content: center;
  background-color: #e7e7e8;
  margin-top: 1vh;
  padding: 7px;
}

footer p {
  font-weight: bold;
  font-size: 0.9rem;
  color: #c2b58f;
  margin-bottom: auto;
}

#upward {
  height: 2.8vh;
  margin-left: 5px;
}