@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* line 3, ../scss/tcommerce.scss */
html {
  font-size: 16px;
}

@media (prefers-color-scheme: dark) {
  /* line 9, ../scss/tcommerce.scss */
  input {
    background-color: white;
    color: #151515;
  }
}
/* line 15, ../scss/tcommerce.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Red Hat Display", sans-serif !important;
}

/* line 25, ../scss/tcommerce.scss */
.h1 {
  font-size: 2.5rem;
  font-weight: 600;
}

/* line 30, ../scss/tcommerce.scss */
.h2 {
  font-size: 2rem;
  font-weight: 600;
}

/* line 35, ../scss/tcommerce.scss */
.h3 {
  font-size: 1.75rem;
  font-weight: 600;
}

/* line 40, ../scss/tcommerce.scss */
.h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

/* line 45, ../scss/tcommerce.scss */
.h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

/* line 50, ../scss/tcommerce.scss */
.form-control:focus {
  box-shadow: none !important;
  background-color: unset !important;
  color: unset;
  border-color: unset !important;
}

/* line 58, ../scss/tcommerce.scss */
a:hover {
  color: unset;
}

/* line 62, ../scss/tcommerce.scss */
a {
  color: #151515;
}

/* line 66, ../scss/tcommerce.scss */
body {
  width: 100vw;
  overflow-x: hidden;
  background-color: #fff !important;
  color: #151515 !important;
}
@media (max-width: 888px) {
  /* line 66, ../scss/tcommerce.scss */
  body {
    font-size: 14px;
  }
}
/* line 76, ../scss/tcommerce.scss */
body::-webkit-scrollbar {
  width: 15px;
}
/* line 80, ../scss/tcommerce.scss */
body::-webkit-scrollbar-track {
  background: #BDBDBD;
}
/* line 85, ../scss/tcommerce.scss */
body::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 20px;
  border: transparent;
}

/* line 94, ../scss/tcommerce.scss */
.row {
  margin: 0;
}

/* line 98, ../scss/tcommerce.scss */
.col-md-4, .col-md-2, .col-2, col-4, .col-12, .col-6, .col-md-8, .col-2 {
  padding: .25rem;
}

/* line 103, ../scss/tcommerce.scss */
.main-wrapper {
  overflow: hidden;
}

/* line 107, ../scss/tcommerce.scss */
.old-price {
  text-decoration: line-through;
  color: #BDBDBD;
}

/* line 112, ../scss/tcommerce.scss */
.notifyjs-corner {
  bottom: .5% !important;
  top: unset !important;
}
@media (max-width: 888px) {
  /* line 112, ../scss/tcommerce.scss */
  .notifyjs-corner {
    bottom: 75px !important;
  }
}
/* line 120, ../scss/tcommerce.scss */
.notifyjs-corner .notifyjs-bootstrap-base {
  width: 100vw;
  display: flex;
  justify-content: center;
}

/* line 127, ../scss/tcommerce.scss */
.global-overlay.overlay-open {
  cursor: initial;
}

@media (min-width: 888px) {
  /* line 131, ../scss/tcommerce.scss */
  .pagina-container {
    padding-top: 100px;
  }
}
@media (max-width: 888px) {
  /* line 131, ../scss/tcommerce.scss */
  .pagina-container {
    padding-top: 90px;
  }
}

/* line 144, ../scss/tcommerce.scss */
.btn-custom {
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .25rem .75rem;
}
/* line 151, ../scss/tcommerce.scss */
.btn-custom-rounded {
  border-radius: 50%;
  padding: .5rem;
  border: 2px solid #151515;
}
/* line 157, ../scss/tcommerce.scss */
.btn-custom-main {
  background-color: red;
  color: #151515;
}
/* line 162, ../scss/tcommerce.scss */
.btn-custom-negro {
  background-color: #151515;
  color: white;
}
/* line 168, ../scss/tcommerce.scss */
.btn-custom .quantity {
  background-color: #ff2929 !important;
}
/* line 172, ../scss/tcommerce.scss */
.btn-custom:hover {
  background-color: #191919;
  color: #fafafa;
}
/* line 177, ../scss/tcommerce.scss */
.btn-custom-lg {
  padding: .5rem 3rem;
}
/* line 181, ../scss/tcommerce.scss */
.btn-custom:disabled {
  border: none;
  background-color: lightgrey;
}
/* line 185, ../scss/tcommerce.scss */
.btn-custom:disabled:hover {
  background-color: #F9F9F9;
}

/* line 193, ../scss/tcommerce.scss */
.custom-card {
  border: 1px solid #BDBDBD;
  border-radius: 10px;
  padding: 1rem;
  background-color: white;
}
/* line 199, ../scss/tcommerce.scss */
.custom-card--titulo {
  color: red;
  font-weight: 600;
}
/* line 205, ../scss/tcommerce.scss */
.custom-card--descripcion {
  color: #F9F9F9;
}

/* line 212, ../scss/tcommerce.scss */
.custom-scroll {
  scrollbar-color: red #BDBDBD;
  scrollbar-width: thin;
}
/* line 216, ../scss/tcommerce.scss */
.custom-scroll::-webkit-scrollbar {
  width: 5px;
}
/* line 220, ../scss/tcommerce.scss */
.custom-scroll::-webkit-scrollbar-track {
  background: #BDBDBD;
}
/* line 224, ../scss/tcommerce.scss */
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 20px;
  border: transparent;
}

/* line 233, ../scss/tcommerce.scss */
.custom-input {
  border: 2px solid gray;
  border-radius: 5px;
  padding: .5rem 1rem;
  position: relative;
}
/* line 239, ../scss/tcommerce.scss */
.custom-input label {
  position: absolute;
  top: -33%;
  left: 5%;
  background-color: #fff;
  z-index: 200 !important;
  padding-inline: .25rem;
  padding-block: 0;
  color: grey;
  font-weight: 300;
  font-size: .9rem;
}
/* line 252, ../scss/tcommerce.scss */
.custom-input input, .custom-input select, .custom-input select:focus {
  padding: 0;
  border: 0 !important;
  background: none;
  width: 100%;
}
/* line 258, ../scss/tcommerce.scss */
.custom-input input:focus, .custom-input select:focus, .custom-input select:focus:focus {
  box-shadow: none;
}
/* line 263, ../scss/tcommerce.scss */
.custom-input--error {
  color: #D41601;
  font-size: .7rem;
  line-height: 1;
  display: none;
}
/* line 270, ../scss/tcommerce.scss */
.custom-input.is-invalid {
  border-color: #D41601;
}
/* line 274, ../scss/tcommerce.scss */
.custom-input .eye-icon {
  position: absolute;
  right: 2%;
  height: 100%;
  top: 30%;
  cursor: pointer;
  color: #F9F9F9;
}

/* line 284, ../scss/tcommerce.scss */
.custom-input.is-invalid .custom-input--error {
  display: none;
}

/* line 288, ../scss/tcommerce.scss */
.errores-all {
  color: #D41601;
  font-size: .9rem;
  line-height: 1;
  text-align: right;
  width: 100%;
  margin-bottom: 1rem;
}

/* line 298, ../scss/tcommerce.scss */
.text-main {
  color: red;
}

/* line 302, ../scss/tcommerce.scss */
.bg-main {
  background-color: red;
}

/* line 306, ../scss/tcommerce.scss */
.text-gris {
  color: #F9F9F9;
}

/* line 311, ../scss/tcommerce.scss */
input[type="number"] {
  -moz-appearance: textfield;
}

/* line 315, ../scss/tcommerce.scss */
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

/* line 322, ../scss/tcommerce.scss */
.stock-label-red {
  color: #D41601;
}
/* line 325, ../scss/tcommerce.scss */
.stock-label-red::after {
  font: var(--fa-font-solid);
  content: "\f057";
}
/* line 331, ../scss/tcommerce.scss */
.stock-label-green {
  color: #07C98B;
}
/* line 334, ../scss/tcommerce.scss */
.stock-label-green::after {
  font: var(--fa-font-solid);
  content: "\f058";
}
/* line 340, ../scss/tcommerce.scss */
.stock-label-yellow {
  color: red;
}
/* line 343, ../scss/tcommerce.scss */
.stock-label-yellow::after {
  font: var(--fa-font-solid);
  content: "\f06a";
}

/* line 354, ../scss/tcommerce.scss */
.modal .modal-dialog .modal-body {
  padding-inline: 10%;
}

/* line 361, ../scss/tcommerce.scss */
.notifyjs-container {
  display: flex !important;
  justify-content: center !important;
  width: 100vw !important;
  z-index: 1040;
}
/* line 368, ../scss/tcommerce.scss */
.notifyjs-container .notifyjs-bootstrap-base {
  width: auto !important;
  border-radius: 15px;
  box-shadow: 0px 1.60101px 8.00503px rgba(0, 0, 0, 0.25);
  border: 2px solid red;
  background: white !important;
  padding-inline: 2rem !important;
  display: flex;
  align-items: center;
}
/* line 379, ../scss/tcommerce.scss */
.notifyjs-container .notifyjs-bootstrap-error {
  border: 2px solid #D41601;
  color: #D41601;
}
/* line 383, ../scss/tcommerce.scss */
.notifyjs-container .notifyjs-bootstrap-error::before {
  font: var(--fa-font-solid);
  content: "\f057";
  margin-right: .5rem;
}
/* line 390, ../scss/tcommerce.scss */
.notifyjs-container .notifyjs-bootstrap-success {
  border: 2px solid red;
  color: red;
}
/* line 394, ../scss/tcommerce.scss */
.notifyjs-container .notifyjs-bootstrap-success::before {
  font: var(--fa-font-solid);
  content: "\f058";
  margin-right: .5rem;
}

/* line 406, ../scss/tcommerce.scss */
.multiple-banners {
  display: flex;
}
/* line 409, ../scss/tcommerce.scss */
.multiple-banners .cms-plugin {
  width: 33%;
}
/* line 412, ../scss/tcommerce.scss */
.multiple-banners .cms-plugin img {
  width: 100%;
}

/* line 419, ../scss/tcommerce.scss */
.pagination {
  margin-bottom: 1rem;
}
/* line 423, ../scss/tcommerce.scss */
.pagination .page-link:hover {
  background-color: red;
  color: white;
}

/* line 431, ../scss/tcommerce.scss */
.nosotros .texto {
  margin: 3rem 15%;
}
/* line 435, ../scss/tcommerce.scss */
.nosotros img[img_width=full] {
  width: 100%;
}
/* line 439, ../scss/tcommerce.scss */
.nosotros img[col=auto] {
  margin: 0;
  padding: 0;
  width: 10%;
}
/* line 445, ../scss/tcommerce.scss */
.nosotros .encontranos {
  height: max-content;
  background-color: red;
  padding: 3rem;
  font-size: 1.1rem;
  text-align: center;
}
/* line 452, ../scss/tcommerce.scss */
.nosotros .encontranos h5 {
  text-align: center;
  font-size: 1.5rem;
}
/* line 459, ../scss/tcommerce.scss */
.nosotros .encontranos .nombre {
  font-weight: bold;
}
/* line 463, ../scss/tcommerce.scss */
.nosotros .encontranos .icon {
  text-align: center;
  font-size: 2rem;
}
/* line 467, ../scss/tcommerce.scss */
.nosotros .encontranos .icon::before {
  font: var(--fa-font-solid);
  content: "\f3c5";
  margin-right: .5rem;
}

/* line 478, ../scss/tcommerce.scss */
#popup-home .modal-body {
  padding: 0;
}
/* line 482, ../scss/tcommerce.scss */
#popup-home .btn-close {
  position: absolute;
  top: .5rem;
  right: .5rem;
}

/* line 491, ../scss/tcommerce.scss */
.alert-success {
  background-color: white;
  color: red;
}
/* line 496, ../scss/tcommerce.scss */
.alert-error {
  background-color: white;
  color: #D41601;
  border: 1px solid #D41601;
}
/* line 502, ../scss/tcommerce.scss */
.alert-main {
  background-color: red;
  color: #151515;
  border: 1px solid red;
}

/* line 512, ../scss/tcommerce.scss */
.info-pagos h5 {
  font-family: "Red Hat Display", sans-serif;
}
/* line 516, ../scss/tcommerce.scss */
.info-pagos .custom-card {
  border: 1px solid #ececec;
}
/* line 520, ../scss/tcommerce.scss */
.info-pagos--box {
  font-family: "Red Hat Display", sans-serif !important;
  display: flex;
  flex-wrap: wrap;
  padding: .5rem;
  margin-bottom: 1rem !important;
  border-radius: 1rem;
  margin: .5rem;
  justify-content: center !important;
  color: #151515;
}
/* line 534, ../scss/tcommerce.scss */
.info-pagos .cuotas-de {
  color: #BDBDBD;
}
/* line 539, ../scss/tcommerce.scss */
.info-pagos--imagen img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  padding-right: 0.6rem;
}

/* line 548, ../scss/tcommerce.scss */
.wsp-flotante {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 800;
  padding: 1rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all .3s ease-in-out;
}
@media (max-width: 888px) {
  /* line 548, ../scss/tcommerce.scss */
  .wsp-flotante {
    bottom: 65px;
  }
}
/* line 563, ../scss/tcommerce.scss */
.wsp-flotante a img {
  width: 50px;
  height: 50px;
}
/* line 569, ../scss/tcommerce.scss */
.wsp-flotante a:hover img {
  transform: scale(1.3);
  opacity: .8;
}

/* line 581, ../scss/tcommerce.scss */
.nosotros .img-min {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
@media (max-width: 888px) {
  /* line 581, ../scss/tcommerce.scss */
  .nosotros .img-min {
    height: 150px;
  }
}