.col-md-6 > img.img-fluid,
.product-wrapper > img.img-fluid,
.availability-product > img.img-fluid,
.product-main-image {
  border: 1px solid #303030;
  border-radius: 12px;
  background: #1c1c1c;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

#productos-text ul:not(.nav):not(.dropdown-menu),
#productos ul:not(.nav):not(.dropdown-menu),
#textpc ul:not(.nav):not(.dropdown-menu),
#text ul:not(.nav):not(.dropdown-menu) {
  padding: 0;
}

#productos-text ul:not(.nav):not(.dropdown-menu) > li,
#productos ul:not(.nav):not(.dropdown-menu) > li,
#textpc ul:not(.nav):not(.dropdown-menu) > li,
#text ul:not(.nav):not(.dropdown-menu) > li {
  margin-bottom: 10px;
  padding: 12px;
  border: 1px solid #343434;
  border-radius: 8px;
  background: #1c1c1c;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

#productos-text hr,
#productos hr,
#textpc hr,
#text hr {
  height: 1px;
  margin: 24px 0;
  border: 0;
  background: #383838;
  opacity: 1;
}

#productos-text .precio,
#productos .precio,
#textpc .precio,
#text .precio {
  padding: 16px;
  border: 1px solid #303030;
  border-radius: 12px;
  background: #1a1a1a;
}

#productos-text .precio h1:last-child,
#productos-text .precio h2:last-child,
#productos .precio h1:last-child,
#productos .precio h2:last-child,
#textpc .precio h1:last-child,
#textpc .precio h2:last-child,
#text .precio h1:last-child,
#text .precio h2:last-child {
  margin-bottom: 0;
}

.cards,
.payment-section,
#productos-text .product-info-panel,
#productos-text .product-offer-panel {
  padding: 16px;
  border: 1px solid #303030;
  border-radius: 12px;
  background: #1a1a1a;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.payment-section {
  margin-top: 24px;
}

.payment-section h2 {
  margin: 0 0 16px;
}

#productos-text .product-info-panel p {
  margin-bottom: 0;
}

#productos-text .product-offer-panel .precio {
  margin-bottom: 16px;
}

@media (hover: hover) and (pointer: fine) {
  .col-md-6 > img.img-fluid:hover,
  .product-wrapper > img.img-fluid:hover,
  .availability-product > img.img-fluid:hover,
  .product-main-image:hover {
    transform: translateY(-3px);
    border-color: #505050;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  }

  .cards:hover,
  .payment-section:hover,
  #productos-text .product-info-panel:hover,
  #productos-text .product-offer-panel:hover {
    transform: translateY(-3px);
    border-color: #484848;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  }

  #productos-text ul:not(.nav):not(.dropdown-menu) > li:hover,
  #productos ul:not(.nav):not(.dropdown-menu) > li:hover,
  #textpc ul:not(.nav):not(.dropdown-menu) > li:hover,
  #text ul:not(.nav):not(.dropdown-menu) > li:hover {
    transform: translateX(4px);
    border-color: #505050;
    background-color: #222;
  }
}

@media (max-width: 767px) {
  .cards,
  .payment-section,
  #productos-text .product-info-panel,
  #productos-text .product-offer-panel,
  #productos-text .precio,
  #productos .precio,
  #textpc .precio,
  #text .precio {
    padding: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .col-md-6 > img.img-fluid,
  .product-wrapper > img.img-fluid,
  .availability-product > img.img-fluid,
  .product-main-image,
  .cards,
  .payment-section,
  #productos-text .product-info-panel,
  #productos-text .product-offer-panel,
  #productos-text ul:not(.nav):not(.dropdown-menu) > li,
  #productos ul:not(.nav):not(.dropdown-menu) > li,
  #textpc ul:not(.nav):not(.dropdown-menu) > li,
  #text ul:not(.nav):not(.dropdown-menu) > li {
    transition: none;
  }
}