/***** Fuentes custom *****/

.nova-round-regular {
  font-family: "Nova Round", system-ui;
  font-weight: 400;
  font-style: normal;
}


.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.montserrat-medium {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.montserrat-semibold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


/***** Colores custom *****/

.bg-custom1 {
  background-color: rgb(0, 213, 255);
}

.bg-custom2 {
  background-color: rgba(255, 230, 0, 1);
}
.txt-custom1 {
  color: rgb(0, 213, 255) !important;
}

/***** Navbar *****/

.shop-title {
  font-weight: bold;
  font-size: 2.5rem;
  color: rgb(47, 52, 111);
}
.shop-title:hover {
  color: rgb(47, 52, 111);
}

 .nav-link {
  color: rgb(0, 213, 255) !important;
  font-size: larger;
}

.nav-link:hover, .nav-link:focus{
  color: rgb(255, 255, 255) !important;
}

/***** Cards *****/

.card {
  border: none;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

.input-cantidad {
  appearance: textfield;
}

.input-cantidad::-webkit-inner-spin-button,
.input-cantidad::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btn-amount {
  font-size: small;
}

@supports (-webkit-appearance: none) {
  .btn-amount {
    font-size: small;
  }
}

@-moz-document url-prefix() {
  .btn-amount {
    font-size: medium;
  }
}


/***** Footer *****/

.custom-links li a {
  color: rgb(0, 213, 255) !important;
  text-decoration: none;
  transition: color 0.18s ease;
}
.custom-links li a:hover {
  color: rgb(255, 255, 255) !important;
}