.contact_phone span a {
  color: #ffffff;
}
p .tel {
  color: #687188;
}
.form-control:focus {
  border-color: #ff324d !important;
}

.heading_suscribir h3 {
  text-transform: none !important;
}

.widget_categories li a.active,
.widget_archive li a.active {
  color: #ff324d !important;
}

.sidebar .widget + .widget {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
/*.filter_price .ui-slider .ui-slider-handle{
    left: 95%!important;
}*/

textarea {
  resize: none;
}

.ps-search--result.active {
  opacity: 1;
  visibility: visible;
}

.ps-search--result {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fafafa;
  z-index: 50;
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  padding: 50px;
  width: 100%;
  transition: transform 0.3s ease; /* anterior transition: all 0.4s ease; */
  opacity: 0;
  visibility: hidden;
}
/*.nav-fixed .middle-header {
    display: block!important;
}*/
.imagePreview {
  width: 100%;
  height: 85%;
  text-align: center;
  background-position: center center;
  background:url('../images/users/default.webp') center center;
  background-color:#fff;
      background-size: cover;
  background-repeat:no-repeat;
      display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
  }

@media only screen and (max-width: 991px) {
  .ps-search--result.active {
    margin-top: 150px !important;
    overflow-y: scroll !important;
    height: 400px !important;
  }
}
.ps-search--result.active {
  overflow-y: scroll !important;
  height: 400px !important;
}

.user-photo {
  /*border-radius: 50%!important;*/
  width: 200px !important;
  height: 200px !important;
  border-radius: 100px !important;
}
.user-photo-xs {
  width: 40px !important;
  height: 40px !important;
  border-radius: 20px !important;
}

.toast-success {
  background-color: #ff98b5;
}

.toast-error {
  background-color: #ff324e;
}

.toast-info {
  background-color: #ffc91a;
}

.toast-warning {
  background-color: #ff324e;
}

.smooth-scroll {
  will-change: transform;
}

.cart_wrap {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px,
    rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px,
    rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.button_fyi {
  box-shadow: 2px 4px 4px hsl(0deg 0% 0% / 0.44);
}

/* .quantity input.plus:hover,
input.minus:hover {
  background-color: #f00;
  color: #fff;
} */

/* START Términos y condiciones modal styles */
.modal-tyc {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  background-color: #f5f5f5;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 800px;
  border-radius: 10px;
}

.close-modal_tyc {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-modal_tyc:hover,
.close-modal_tyc:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#terms-and-conditions {
  max-height: 70vh;
  overflow-y: auto;
}

h2.section-title.tyc {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

p.tyc {
  font-size: 16px;
  line-height: 1.7;
  color: #666;
  margin-bottom: 20px;
}

a.tyc {
  color: #fb2c66;
  text-decoration: none;
}

a.tyc:hover {
  text-decoration: underline;
}
/* END Términos y condiciones modal styles */

/* CHECKOUT out stock  */
/* styles.css */
.highlight-low-stock {
  border: 2px solid #ffc91a !important; /* Change this to your desired color */
  border-radius: 5px !important;
  transition: border-color 0.5s ease !important; /* Optional: Add transition for smooth effect */
}

.highlight-low-stock::before {
  background-color: hsl(332, 100%, 55%); /* Change this to your desired color */
  border-radius: 5px;
  transition: background-color 0.5s ease; /* Optional: Add transition for smooth effect */
}
/* CHECKOUT out stock  */

.dedo{
  cursor: pointer;
}

/******* DESDE AQUI******/

/*ps-social*/

.ps-product-social .ps-social {
  padding: 0;
  margin-top: 30px;
  list-style: none;
}

.ps-product-social .ps-social li {
  margin: 5px 9px;
  display: inline-block;
}

.ps-product-social .ps-social__link {
  color: #ffffff;
  position: relative;
  font-size: 20px;
}

.ps-product-social .ps-social-color li {
  margin: 0 4px 8px;
}

.ps-product-social .ps-social-color .ps-social__link {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  display: block;
  border-radius: 4px;
}

.ps-product-social .ps-social__link.facebook {
  background-color: #3B5998;
}

.ps-product-social .ps-social__link.google-plus {
  background-color: #cb2027;
}


.ps-product-social .ps-social__link .ps-tooltip {
  color: #fff;
  position: absolute;
  content: "";
  top: -30px;
  left: 50%;
  margin-left: -70px !important;
  height: 20px;
  opacity: 0;
  visibility: hidden;
  padding: 2px 5px;
  width: 142px;
  font-size: 10px;
  transition: 350ms ease 0s;
  text-align: center;
  line-height: 16px;
  white-space: nowrap;
}

.ps-product-social .ps-social__link .ps-tooltip::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
  border-top: 6px solid #225028;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.ps-product-social .ps-social__link.facebook .ps-tooltip {
  background-color: #3B5998;
}

.ps-product-social .ps-social__link.facebook .ps-tooltip::before {
  border-top-color: #3B5998;
}

.ps-product-social .ps-social__link.google-plus .ps-tooltip {
  background-color: #cb2027;
}

.ps-product-social .ps-social__link.google-plus .ps-tooltip::before {
  border-top-color: #cb2027;
}



.ps-social__link:hover .ps-tooltip {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.ps-social__link:hover.facebook {
   /*color: #3B5998;
  background-color: #ffffff;
  border: 3px solid #3B5998;
  border-radius: 4px;*/
}

.ps-product-social .ps-social__link:hover.google-plus {
  /*
  color: #cb2027;
  background-color: #ffffff;
  border: 3px solid #cb2027;
  border-radius: 4px;
*/
  
}

/******/


.ps-badge {
  display: inline-block;
  font-size: 12px;
  padding: 0 10px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  color: #ffffff;
}

.product-show a i {
  height: 30px;

  width: 30px;

  color: #f00;

  display: inline-block;

  line-height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;
  
  border: 1px solid #f00;

  vertical-align: middle;
}

.product-show a i:hover {
  background-color: #f00;

  color: #fff;
}

.estatus-badge {
  position: absolute;
  right: 75px;
  top: 35px;
  text-shadow: none;
}


/******* HASTA AQUI******/