.miniatura {
    max-width: 50px;
    max-height: 50px;
}

.previa {
  max-width: 200px;
  max-height: 200px;
}

.img_producto {
    max-width: 600px;
    max-height: 600px;
}

/* TEMPLATE DEL CONTROL PANEL */
.custom-navbar {
    background-color: #000;
    color: #fff;
  }
  .custom-footer {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
  }
  .fixed-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  body {
    padding-bottom: 0px; /* To ensure content above the footer */
  }
  .navbar-nav {
    flex: 1;
    display: flex;
    justify-content: center;
  }

#carritoModal{
  .modal-border {
    border: 2px solid white; /* Adjust the border width and color as needed */
}
}

/---------------------------------------------/
.label-new {
  position: relative;
}

.label-new::after {
  content: attr(data-label);
  font-family: Montserrat-Regular;
  font-size: 12px;
  color: #fff;
  line-height: 1.2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  min-width: 50px;
  height: 22px;
  border-radius: 11px;
  padding: 0 6px;
  background-color: #66a8a6;
  top: 42px;
  left: 12px;
}

/---------------------------------------------/
.label-oferta {
  position: relative;
}

.label-oferta::after {
  content: attr(data-label);
  font-family: Noto+Sans;
  font-size: 14px;
  color: #17003b;
  line-height: 1.2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  min-width: 50px;
  height: 25px;
  border-radius: 11px;
  padding: 0 8px;
  background-color: #ffe533;
  top: 42px;
  left: 12px;
}


/---------------------------------------------/
.label-destacado {
  position: relative;
}

.label-destacado::after {
  content: attr(data-label);
  font-family: Noto+Sans;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  min-width: 50px;
  height: 25px;
  border-radius: 11px;
  padding: 0 8px;
  background-color: #02204d;
  top: 42px;
  left: 12px;
}



/---------------------------------------------/
.label-promo {
  position: relative;
}

.label-promo::after {
  content: attr(data-label);
  font-family: Noto+Sans;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  min-width: 50px;
  height: 25px;
  border-radius: 11px;
  padding: 0 8px;
  background-color: #02204d;
  top: 82px;
  left: 12px;
}