#product {
  padding-top: 0.5rem;
  padding-bottom: 60px;
}

#product .desktop {
  display: none;
}
#product .mobile{
  display: block;
}
.mTittle{
  margin-bottom: 30px;
  margin-top: 30px;
}
.mLine{
  margin-top: 15px;
}
.Shadow-Product-img {
    box-shadow: #000 0px 15px 25px;
}

.Shadow-Live-dep {
    box-shadow: rgba(0, 0, 0, 0.56) 0px 0px 60px 30px;
}

.DivDesc {
  background-color: #0d0f12;
  border: rgba(0, 0, 0, 0.56) solid 1px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.slider-data-product{
  width: 100%;
  height: 120px;
  background-color: #0D0F12;
}
@media (min-width: 992px) {
  #product .desktop {
    display: block;
    width: 100%;
  }

  #product .mobile {
    display: none;
  }
  .Shadow-Product-img {
      box-shadow: #000 0px 15px 25px;
  }

  .Shadow-Live-dep {
      box-shadow: rgba(0, 0, 0, 0.56) 0px 0px 60px 30px;
  }
}
.product-bg{
  background: linear-gradient(141.62deg, #1E2D26 40.53%, #131217 98.5%);
}
._product-card {
  border-radius: 5px;
  padding: 16px 20px;
  overflow: hidden;
  color: var(--color-text-white);
}
@media(max-width: 768px) {
  ._product-card {
    border-radius: 5px;
  }
}
.productStyle{
  background-color: transparent;
}
.productForm textarea {
  width: 100%;
  padding: 15px;
  border-radius: 20px;
  background: #0d0f12;
  border: 2px solid #fff;
  color: #fff;
}
@media(max-width: 768px) {
  .productForm textarea {
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 12px;
  }
}
.productForm textarea::placeholder{
  color: #fff;
}
.productForm input{
  margin-top: 10px;
  margin-left: 85%;
}
.product-card__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media(max-width: 768px){
  .product-card__head{
    margin-top: 1rem;
  }
  .DivDesc {
    border-radius: 5px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
.product-star{
  width: 20px;
  height: 20px;
}
.number-rating{
  font-size: 16px;
}
.preguntasItem h6{
  color: #40CD76;
  font-weight: 800;
}
.preguntasItem p{
  padding-left: 5%;
}
.product-card__head p {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: var(--font-secondary);
  font-size: 14px;
}
.product-btn{
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #6CDE61;
  color: #6CDE61;
  font-size: 20px;
  font-weight: 900;
}
.product-btn:hover{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.productBtnCont{
  display: flex;
  align-items: center;
  justify-content: center;
}
.productBtnCont button{
  background: linear-gradient(89.98deg, #29C480 0.05%, #40CD76 0.06%, #79E35C 98.41%, #7EE45A 98.42%);
  color: #000;
  font-weight: 800;
  padding: 5px 25px;
  border-radius: 20px;
  border: none;
}
.product-card__head h1 {
  width: 100%;
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight:800;
  line-height: 1.3em;
  margin-bottom: 20px;
}
@media(max-width: 768px){
  .product-card__head h1 {
    font-size: 14px;
  }
}
.product-card__head__stars {
  display: flex;
  gap: 3px;
}

.product-card__head__stars img {
  width: 13px;
}

.product-image-swiper {
  margin-inline: -20px;
  padding-inline: 20px;
  margin-bottom: 40px;
}

.product-image-swiper__image {
  width: 100%;
  border-radius: var(--border-radius-main);
  height: 400px;
  object-fit: contain;
  object-position: center;
  background-color: white;
}

.product-card__price-section {
  font-size: 30px;
  margin-bottom: 20px;
}
@media(max-width: 768px){
  .product-card__price-section {
    font-size: 25px;
  }
}

.product-name{
  font-weight: 500;
  font-size: 12px;
}
@media(max-width: 768px){
  .product-name{
    padding: 0;
  }
}
.product-card__full-price {
  color: rgba(255, 255, 255, 0.549);
  text-decoration: line-through;
}

.product-card__discounted-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
}

.product-card__discount-percentage {
  -webkit-background-clip: text;
  background-clip: text;
  color: #29C480;
  font-size: 26px;
}

._product-card__shipping {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 40px;
}

.discount-price {
  background-color: #29C480;
  font-size: 16px;
  font-weight: 700;
  padding: 0.3rem 0.8rem;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

@media(max-width: 768px) {
  .discount-price {
      font-size: 10px;
  }
}

.fast-shipping {
  background-color: #0D0F12;
  font-size: 10px !important;
  font-weight: 700;
  padding: 0.5rem 0.8rem;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.fast-shipping img, .interest-free-installments img {
  min-height: unset;
  object-fit: unset;
  height: unset;
  width: unset;
  background: unset;
  min-width: unset;
}

.interest-free-installments {
  background-color: #0D0F12;
  font-size: 10px !important;
  font-weight: 700;
  padding: 0.5rem 0.9rem;
  border-radius: 5px;
  position: absolute;
  bottom: 2px;
  left: 1px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

@media(width <= 768px) {
  .fast-shipping, .interest-free-installments {
    padding: 0.3rem 0.4rem;
  }
}

.product-card__price__number__deals {
  font-size: 18px;
  font-weight: 900;
  opacity: 0.3 !important;
}
.product-card__price{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.product-card__price__discount{
  font-size: 18px;
}
.product-card__title{
  margin-bottom: 0px;
}
.product-card__shipping__heading {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 16px;
  margin-bottom: 7px;
}

.product-card__shipping__description {
  color: rgba(255, 255, 255, 0.549);
  font-size: 16px;
  font-family: var(--font-secondary);
  margin-bottom: 7px;
}

.product-card__seller-verification {
  font-size: 13px;
  font-family: var(--font-secondary);
  margin-bottom: 20px;
}

.product-card__seller-verification .gradient-heading {
  font-size: 14px;
  font-family: var(--font-body);
}

.buyButtons .product-card__add-to-cart-section {
  width: 100%;
}
.product-card__add-to-cart-section {
  margin-bottom: 0px;
}
.product-card__add-to-cart-section p {
  font-family: var(--font-secondary);
  margin-bottom: 20px;
}

.product-card__add-to-cart-section .btn--primary {
  margin-bottom: 8px;
}

.btn--secondary {
  color: var(--color-primary);
  background: rgba(255, 255, 255, 0.1);
}

.product-card__benefits {
  list-style-type: none;
  margin: 0;
}

.product-card__benefits li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}

.product-card__benefits li:last-of-type {
  margin-bottom: 0;
}

.product-card__benefits li p {
  font-family: var(--font-secondary);
  color: #b4b4b4;
}

.product-card__benefits .gradient-heading {
  font-family: var(--font-body);
}

.product-card__benefits li img {
  margin-top: 5px;
}

.add-to-favorites-and-share {
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
}

.add-to-favorites-and-share .gradient-link {
  font-family: var(--font-body);
}

.product-card__short-description h3 {
  font-size: 16px;
  margin-bottom: 12px;
}

.product-card__short-description ul {
  padding-left: 20px;
  font-family: var(--font-secondary);
  padding-bottom: 20px;
}

.product-card__vendor-information {
  background-color: #0d0f12;
  border-radius: 5px;
  padding: 25px 45px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media(max-width: 768px) {
  .product-card__vendor-information {
    justify-content: center;
  }
}
.product-card__vendor-information a{
  text-decoration: none;
  font-weight: 600;
}
.hover-enabled:hover .product-card__vendor-information__content p {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
    color: #40CD76;
}

.product-card__vendor-information h2 {
  font-size: 16px;
  margin-bottom: 25px;
}

.product-card__vendor-information__content {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: auto;
  color: #fff;
}

.product-card__vendor-information__content img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.product-card__vendor-information__content p {
  font-size: 13px;
  font-family: var(--font-secondary);
  opacity: 0.8;
}

p.product-card__vendor-information__name {
  font-family: var(--font-body);
  font-size: 14px;
  opacity: 1;
}

.product-card__testimonials {
  padding: 15px 0;
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-main);
  margin-bottom: 40px;
}

.product-card__testimonials-container--scroll {
  overflow: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.product-card__testimonials-container--scroll::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.product-card__testimonials-container--flex {
  display: flex;
  padding: 16px;
  width: max-content;
  gap: 10px;
}

.desktop-btn-compra a{
  width: 100%;
  margin: auto;
  font-weight: 900 !important;
  font-size: 14px;
  padding-inline: 1.5rem;
}

.wa-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.testimonial-card {
  background: #4b4b4b;
  box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 15px 20px;
  width: 70vw;
}

.testimonial-card__head {
  display: flex;
  gap: 14px;
  font-size: 14px;
  font-family: var(--font-secondary);
  align-items: center;
  margin-bottom: 14px;
}

.testimonial-card__head p {
  opacity: 0.5;
}

.testimonial-card__user-image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

p.testimonial-card__user-name {
  opacity: 1;
  font-family: var(--font-body);
}

.testimonial-card__content {
  font-family: var(--font-secondary);
  font-size: 14px;
}

.product-card__testimonials .gradient-link {
  display: block;
  margin-inline: auto;
  width: max-content;
}

.product-card__testimonials h2 {
  font-size: 18px;
  text-align: center;
}

.product-card__long-description {
  background-color: #0D0F12;
  border-radius: 20px;
  margin-top: 20px;
  padding: 40px 100px;
}

.product-card__long-description h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.product-card__long-description p {
  font-family: var(--font-secondary);
  margin-bottom: 20px;
  line-height: 1.68em;
}

.product-card {
  box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
}

._product-card .product-swiper {
  margin-inline: -20px;
  padding-inline: 15px;
}
@media(max-width: 768px){
  ._product-card .product-swiper{
    padding-inline: 2px;
  }
}

._product-card .product-swiper .swiper-wrapper {
  padding: 20px 0;
}

._product-card .product-swiper h2 {
  font-size: 16px;
}
._product-card .product-swiper2 {
  margin-inline: -20px;
  padding-inline: 15px;
}

._product-card .product-swiper2 .swiper-wrapper {
  padding: 20px 0;
}

._product-card .product-swiper2 h2 {
  font-size: 16px;
}

.div-question{
  border:2px solid #fff;
  border-radius: 20px;
  margin-top: 50px;
  padding: 40px;
}
.div-question-img{
  width: 80px ;
  height: 80px ;
  object-fit: cover;
  border-radius: 50% ;
}
.div-question-img img{
  width: 80px ;
  height: 80px ;
  object-fit: cover;
  border-radius: 50% ;
}

.div-question-review{
  width: 100%;
}
.review-image{
  max-width: 100%;
  max-height: 200px;
  border-radius: 12px;
  object-fit: cover;
}

@media(max-width: 768px) {
  .review-image {
    width: 100px;
    aspect-ratio: 1 / 1;
    margin-right: 2rem;
  }
}

.div-question {
  background-color: #08090B;
}

.div-question .question-title {
  color: #49DC81;
}

.div-question .question-content {
  color:#fff;
  font-weight: 400;
  margin-bottom: 20px;
}

.div-question .question-answer {
  margin: 0px;
  color: #848789;
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  
  .div-question{
    padding: 30px 25px;
    border: none;
  }
  .div-question h6 {
    font-size: 14px;
  }
  .div-question-img{
    width: 60px ;
    height: 60px ;
    object-fit: cover;
    border-radius: 50% ;
  }
  .div-question .question-content, .div-question .question-answer {
    font-size: 12px;
    font-weight: 600;
  }
  .div-question-img img{
    width: 60px ;
    height: 60px ;
    object-fit: cover;
    border-radius: 50% ;
  } 
}

.review_title{
  font-size: 45px !important;
}

@media(max-width: 768px) {
  .review_title {
    font-size: 18px !important;
  }
}

.review_title img {
  width: 2.1875rem;
}

@media(max-width: 768px) {
  .review_title img {
    width: 1.25rem;
  }
}

.review_sub {
  font-size: 25px;
}

@media(max-width: 768px) {
  .review_sub {
    font-size: 12px;
  }
}

.review_name {
  color: #49DC81;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
}

@media(max-width: 768px) {
  .review_name {
    font-size: 0.75rem !important;
    margin-bottom: 0.5rem;
  }
}

.review_comment {
  color:#fff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  color: #FFFFFF !important;
}

@media(max-width: 768px) {
  .review_comment {
    font-weight: 400 !important;
    margin-bottom: 0.5rem !important;
    font-size: 12px !important;
  }
}

.review_score {
  font-size: 20px;
  font-weight: 900;
}

@media(max-width: 768px) {
  .review_score {
    font-size: 16px;
    grid-column-start: 1;
    grid-column-end: 3;
    margin-right: 2rem;
  }

  .div-question-review-container {
    display: grid;
    grid-template-columns: 0.2fr auto;
  }
}

.review_score img {
  width: 22px;
}

@media(max-width: 768px) {
  .review_score img {
    width: 20px;
  }
}
/*Paginacion de eproducto*/

/* Contenedor principal de la paginación */
#pagination, .pagination {
    text-align: center;
    margin-top: 20px;
    justify-content: center;
}

/* Estilo de cada enlace de paginación */
#pagination a, .pagination a {
    padding: 8px 15px;
    margin: 0 5px;
    background-color: transparent;
    border: 2px solid #40CD76;
    color: #40CD76;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Resaltar el enlace de la página actual */
#pagination a[style*="font-weight: bold"], .pagination a[style*="font-weight: bold"] {
    background-color: #29C480;
    color: #fff;
    border: 2px solid #29C480;
    font-weight: bold;
}

/* Efecto de hover sobre los enlaces */
#pagination a:hover, .pagination a:hover {
    background-color: #29C480;
    color: #000;
    font-weight: bold;
}

#pagination a:first-child:hover, #pagination a:last-child:hover, .pagination a:first-child:hover, .pagination a:last-child:hover {
  background-color: #29C480;
  font-weight: bold;
  color: #000;
}

/* Estilo para las páginas de la paginación en dispositivos pequeños */
@media screen and (max-width: 767px) {
    #pagination a, .pagination a {
        padding: 6px 12px;
        font-size: 12px;
    }
}

@media (min-width: 992px) {
  .product-image-swiper__image{
    object-fit: contain;
    object-position: center;
  }

  ._product-card {
    padding: 30px;
  }

  .product-images.desktop {
    display: flex;
    flex-direction: column;
    margin: auto;
  }

  .product-images__main {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 20px ;
    height: 417px;
  }

  .product-images__main img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    border-radius: 20px ;
  }

  .product-images__thumbnails {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .product-images__thumbnails .product-images__image-container {
    border-radius: 10px;
    width: calc(100% / 4 - 20px * 3 / 4);
    background-color: #fff;
    height: 100px;
    display: flex;
  }

  .product-images__thumbnails img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s;
  }

  ._product-card__shipping {
    margin-bottom: 25px;
  }

  .product-card__seller-verification {
    margin-bottom: 40px;
  }

  .product-card__add-to-cart-section p {
    margin-bottom: 40px;
  }

  #product .add-to-favorites-and-share.desktop {
    padding-top: 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
  }

  #product .product-card__head.desktop {
    display: flex;
  }

  .product-card__general-information {
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 10px;
  }

  .product-card__long-description {
    padding-top: 60px;
  }

  .product-card__long-description h2 {
    font-size: 30px;
  }

  .product-card__long-description p {
    font-size: 18px;
  }

  .product-card__testimonials-container--flex {
    flex-direction: column;
    width: 100%;
  }

  .testimonial-card {
    width: 100%;
  }

  .product-card__add-to-cart-section .btn--primary {
    margin-bottom: 13px;
  }
  .product-card__add-to-cart-section a {
    color: #29C480;
  }
  .buyButtons {
    margin-top: 2rem;
  }
  .buyButtons .product-card__add-to-cart-section:nth-child(1) a {
    background-color: #29c48045;
    color: #fff;
  }
  .product-card__add-to-cart-section:hover a{
    color: #000;
  }
}
.sub-title{
  margin-top: 6rem;
  font-weight: 900;
  text-align: left;
}
@media screen and (max-width: 991px) {
  
.product-star{
  width: 25px;
  height: 25px;
}
.number-rating{
  font-size: 20px;
}
.slider-data-product{
  height: 120px;
}
.product-card__price__discount__deals {
  font-size: 14px;
}
.product-card__price__number__deals{
  font-size: 14px;
}
.product-card__price__number {
  font-size: 14px;
}.product-card__price__discount{
  font-size: 14px;
}
}
@media screen and (max-width: 767px) {
  .productForm input{
    margin-left: 70%;
  }
  .product-card__discounted-price {
    display: unset;
  }
  .product-card__long-description {
    padding: 40px 16px;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .sub-title{
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-weight: 900;
    text-align: center;
    font-size: 14px;
  }
  .product-star{
    width: 15px;
    height: 15px;
  }
  .number-rating{
    font-size: 14px;
  }
  #product.container{
    padding-inline: 0;
    padding-bottom: 1rem;
  }
  #product ._product-card{
    padding: 1rem 0.75rem 3rem;
  }
  #product .swiper-wrapper{
    padding-bottom: 0.5rem;
  }
  #product .swiper-pagination-bullet{
    background-color: #49DC81;
    width: 10px;
    height: 10px;
    opacity: unset;
    bottom: 1.5rem !important;
  }
  #product .swiper-pagination-bullets{
    bottom: 1.5rem !important;
  }
  #product .swiper-pagination-bullet-active{
    background-color: #D9D9D9;
  }
  .section-mobile-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .product-image-swiper__image {
    height: 282px;
    max-width: 350px;
    margin-top: 2rem;
  }
}

.product-images__devolucion {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.info-vector-ventas-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  width: fit-content;
}

.info-vector-ventas-container p {
  font-size: 14px;
  color: #29C480;
  font-weight: 700;
}

@media(max-width: 767px) {
  .info-vector-ventas-container p {
    font-size: 12px;
  }
}

.info-vector-ventas-container img {
  cursor: pointer;
  z-index: 2;
}

.info-entrega-container__tooltip {
  position: absolute;
  bottom: 0;
  right: -12.5rem;
  max-width: 200px;
  background-color: #000;
  padding: 1rem;
  border: 1px solid #29C480;
  border-radius: 5px;
  z-index: 1;
  transition: all .3s ease-in-out;
  opacity: 0;
}

@media(max-width: 435px) {
  .info-entrega-container__tooltip {
    right: -5.5rem;
    bottom: 1.5rem;
  }
}

@media(max-width: 320px) {
  .info-entrega-container__tooltip {
    right: 0;
    left: 0;
    margin: auto;
    z-index: 10000;
    bottom: unset;
    top: 1.5rem;
  }
}

.info-entrega-container__tooltip p {
  color: #fff;
}

.info-vector-ventas-container img:hover + .info-entrega-container__tooltip {
  opacity: 1;
  z-index: 5;
}

.envios-container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
}

@media(max-width: 767px) {
  .envios-container {
    grid-template-columns: 1fr;
  }
}

.ventas-sub-title {
  font-size: 10px;
}

.ventas-img-container {
  grid-template-columns: auto auto auto;
  row-gap: 1.5rem !important;
}

.ventas-img-container img {
  height: 50px;
  object-fit: contain;
}
.btn-description{
  border: none;
  background: none;
  font-size: 18px;
  margin-top: 20px;
  color: #29C480;
  transition: ease-in;
}
.btn-description:hover{
  transform: scale(1.1);
}

/* ==============================
   product.css – Liberty Club
   ============================== */

:root{
  --border: rgba(148,163,184,.18);
  --card-bg-1: rgba(255,255,255,.03);
  --card-bg-2: rgba(255,255,255,0);
  --glow: rgba(64,205,118,.12);
  --glow-strong: rgba(64,205,118,.18);
  --text: #e5e7eb;
  --text-dim: #cbd5e1;
  --warning: #EEC857;
  --chip-bg: rgba(255,255,255,.02);
  --tooltip-bg:#0f172a;
  --shadow-lg: 0 10px 30px rgba(0,0,0,.22);
  --shadow-xl: 0 10px 30px rgba(0,0,0,.35);
}

/* Responsive helpers */
.mobile{ display:block; }
.desktop{ display:none; }
@media (min-width: 992px){
  .mobile{ display:none !important; }
  .desktop{ display:block !important; }
}

/* Layout general */
#product{
  padding-top: 10px;
  padding-bottom: 40px;
  color: var(--text);
}
.sub-title{
  font-weight: 800;
  letter-spacing: .2px;
  margin: 0 0 12px 0;
}

/* ====== Base cards (comparten estilo) ====== */
.product-info-card,
.shipping-card,
.vendor-card,
.payment-card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:16px;
  background: linear-gradient(90deg, #1E2D26 30.53%, #131217 88.5%);
  box-shadow: var(--shadow-lg);
}
.product-attrs-card{
  background: linear-gradient(90deg, #1E2D26 30.53%, #131217 88.5%) !important;
  flex-direction: column;
}
@media screen and (max-width: 991px) {
  
.product-info-card,
.shipping-card,
.vendor-card,
.payment-card{
  background: linear-gradient(90deg, #1E2D26 60.53%, #131217 90.5%);
}
.product-attrs-card{
  background: linear-gradient(90deg, #1E2D26 60.53%, #131217 90.5%) !important;
  padding: 40px !important;

}
}
/* ====== INFO PRODUCTO ====== */
.pi-header{ display:flex; flex-direction:row; justify-content: space-between; }
.pi-title{ font-weight:800; letter-spacing:.2px; line-height:1.2; margin:0; font-size: 20px; width:50%; }

.pi-rating{ display:flex; align-items:center; justify-content: flex-end; gap:8px; flex-wrap:wrap; width:50%; }
.pi-rating__value{ font-weight:700; font-size:.95rem; }
.pi-rating__stars{ display:flex; align-items:center; gap:2px; }
.pi-star{ width:20px; height:20px; display:inline-block; }
.pi-star--empty{ opacity:.25; }
.pi-star--half{ position:relative; display:inline-block; width:20px; height:20px; }
.pi-star--half .pi-star__bg{ width:100%; height:100%; display:block; opacity:.25; }
.pi-star--half .pi-star__fg{ position:absolute; inset:0; width:100%; height:100%; clip-path: inset(0 50% 0 0); }
.pi-rating__count{ font-size:.85rem; opacity:.8; }

.pi-submeta{ display:flex; align-items:center; justify-content: end; gap:8px; margin-top:8px; }
.pi-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border:1px solid var(--border);
  border-radius:999px; background:var(--chip-bg);
  font-size:12px;
}
.pi-dot{ opacity:.35; }
.pi-kpis{ font-size: 12px; }
.pi-slasher{ opacity:.45; padding:0 4px; }

.pi-price{ margin-top:2px; }
.pi-price__row{ gap:10px; flex-wrap:wrap; }
.pi-price__current{ font-size: clamp(1.25rem, 2.4vw, 1.6rem); font-weight:800; line-height:0.8; }
.pi-badge{
  font-size:.72rem; letter-spacing:.2px; font-weight:800;
  padding:.35rem .5rem; border-radius:999px;
  background:var(--glow); border:1px solid var(--glow-strong);
  text-transform:uppercase;
}
.pi-price__old{ text-decoration:line-through; opacity:.7; }
.pi-price__fiat{ font-size:.95rem; }
.pi-price__fiat-current{ font-weight:700; }
.pi-price__sep{ opacity:.5; }

.pi-benefits{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content: center;
  flex-wrap: wrap;
  gap:10px;
  padding-bottom: 10px;
}
.pi-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border:1px solid var(--border);
  border-radius:10px; background:var(--chip-bg); position:relative;
}
.pi-pill img{ width:18px; height:18px; display:block; opacity:.9; }
.pi-tooltip{
  position:absolute; left:0; top:calc(100% + 8px);
  min-width:220px; max-width:320px; padding:10px 12px;
  background:var(--tooltip-bg); color:#fff; border-radius:10px;
  font-size:.85rem; line-height:1.25; box-shadow: var(--shadow-xl);
  opacity:0; transform:translateY(-4px);
  pointer-events:none; transition:opacity .18s ease, transform .18s ease;
  z-index: 5;
}
.tip:hover .pi-tooltip{ opacity:1; transform:translateY(0); }

.pi-cta{ display:flex; gap:10px; }
.pi-warning{ color: var(--warning); font-weight:600; }

@media (max-width: 992px){
  .product-info-card{ padding:40px; }
}
@media (max-width: 576px){
  .pi-title{ font-size:1.1rem; }
  .pi-rating__value{ font-size:.9rem; }
  .pi-star{ width:18px; height:18px; }
  .pi-chip{ font-size:.84rem; }
}

/* ====== ENVÍOS ====== */
.shipping-card .ship-header{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.shipping-card .ship-header img{ width:20px; height:20px; }
.ship-title{ font-size:16px; font-weight:800; margin:0; padding-block: 10px; }

.ship-body{ display:flex; flex-direction:column; gap:10px; }
.ship-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ship-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border:1px solid var(--border);
  border-radius:999px; background:var(--chip-bg);
  font-size:.85rem; font-weight:600;
}
.ship-badge--free{ background: var(--glow); border-color: var(--glow-strong); }
.ship-pill{
  display:inline-flex; align-items:center;
  padding:6px 10px; border:1px dashed var(--border);
  border-radius:8px; font-size:.9rem;
  background: rgba(255,255,255,.015);
}
.ship-info img{ width:18px; height:18px; opacity:.9; }
.ship-carriers{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ship-carriers img{
  height:26px; width:auto; display:block; object-fit:contain;
  filter: saturate(1.05) contrast(1.03);
}

/* ====== TIENDA (Vendor) ====== */
.vendor-title{ font-weight:700; font-size:1.05rem; margin:0 0 .75rem 0; }
.vendor-card{ position:relative; }

.vendor-card__banner{ position:relative; width:100%; border-radius:12px; overflow:hidden; }
.vendor-banner-img{ width:100%; height:100%; object-fit:contain; display:block; transform:scale(1.01); filter:saturate(1.05) contrast(1.02); }
.vendor-card__banner-overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.00) 20%, rgba(0,0,0,.15) 100%);
  pointer-events:none;
}

.vendor-card__body{ padding:18px 0px 0px 0px; }

.vendor-card__logo{
  position:absolute; 
  top:50%; 
  left:50%;
  transform: translate(-50%, -50%);
  width:64px; height:64px; border-radius:50%; overflow:hidden;
  box-shadow: var(--shadow-xl);
  border:3px solid #29C480; background:#fff;
}
.vendor-card__logo img{ width:100%; height:100%; object-fit:cover; display:block; }

.vendor-card__header{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:12px; flex-wrap:wrap;
}
.vendor-link{ text-decoration:none; color:inherit; display:flex; align-items:flex-start; flex-direction: column; }
.vendor-link.no-hover{ pointer-events:none; }

.vendor-card__title{ display:flex; align-items:center; gap:8px; }
.vendor-name{
  font-weight:700; font-size:clamp(1rem, 1.6vw, 1.125rem);
  line-height:1.2; margin:0;
}
.vendor-badge{ width:20px; height:20px; display:block; }

/* rating tienda */
.vendor-card__rating{ display:flex; align-items:center; gap:8px; margin-top:4px; }
.rating__value{ font-weight:700; font-size:.95rem; }
.rating__stars{ display:flex; align-items:center; gap:2px; }
.star{ width:20px; height:20px; display:inline-block; }
.star--empty{ opacity:.25; }
.star--half{ position:relative; display:inline-block; width:20px; height:20px; }
.star--half .star__bg{ width:100%; height:100%; display:block; opacity:.25; }
.star--half .star__fg{ position:absolute; inset:0; width:100%; height:100%; clip-path: inset(0 50% 0 0); }
.rating__count{ font-size:.85rem; opacity:.8; }

.vendor-desc{ font-size:12px; opacity:.9; margin:4px 0 10px 0; }
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.vendor-card__meta{
   margin-top:8px; 
   width: 70%;
  }

.vendor-card__cta{ 
  margin-top:8px; 
  width: 30%;
}
.vendor-meta__icons{
  display:flex;
  align-items: flex-end;
  gap:10px;
  width: 100%;
  flex-direction: column;
}
.vendor-meta__icons .meta-pill{
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 991px) {

.pi-price__current{ font-size:30px; }
}
.meta-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border:1px solid var(--border);
  border-radius:999px; background:var(--chip-bg);
}
.meta-pill img{ width:18px; height:18px; display:block; opacity:.9; }
.meta-pill small{ font-size:.82rem; line-height:1; white-space:nowrap; }

.web-btn-link{
  width: 25%;
}
@media (max-width: 992px){
  .vendor-card__body{ padding:18px 8px 8px 8px; }
  .vendor-card__logo{ left:12px; }
  .vendor-card__banner{ height:auto; }
}
@media (max-width: 576px){
  .vendor-card{ padding:12px; }
  .vendor-card__logo{ top:-28px; left:12px; width:56px; height:56px; border-radius:12px; }
  .vendor-card__header, .vendor-card__meta, .vendor-card__cta{ padding-left:76px; }
  .vendor-name{ font-size:1rem; }
  .rating__value{ font-size:.9rem; }
}

/* ====== MEDIOS DE PAGO (estilo unificado) ====== */
.payment-card .pay-header{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.payment-card .pay-header img{ width:20px; height:20px; }
.payment-card .pay-title{ font-size:1rem; font-weight:800; margin:0; }

.pay-body{ display:flex; flex-direction:column; gap:8px; }
.pay-subtitle{ font-weight:700; margin:10px 0 8px 0; font-size: 10px;}
.pay-icons{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.pay-icons img{
  height:28px; width:auto; display:block; object-fit:contain;
  filter: saturate(1.03) contrast(1.02);
}
.pay-icons span{
  color: #29C480;
  font-size: 10px;
  width: 50%;
}
.pay-stack{ display:grid; gap:8px; }

/* ====== GALERÍA ====== */
.product-card__image-slider{ width:100%; }

/* Contenedor fijo para la imagen principal (no depende de la img) */
.product-images__frame {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1 / 1; 
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.product-images__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.18s ease;
  opacity: 1;
}
.product-images__img.is-loading{ opacity: .25; }

/* (Opcional) estilos legacy si existieran .product-images__main */
.product-images__main{ max-width: 720px; margin: 0 auto; }
.product-images__main img,
.product-images__main img.Shadow-Product-img{
  width:100%; height:auto; display:block;
  border-radius:14px; box-shadow: var(--shadow-lg);
  object-fit: contain;
}

/* Thumbnails */
.imagenes-scroll{
  display:flex; gap:10px; overflow:auto; padding:6px 2px 2px 2px; scrollbar-width: thin;
}
.product-images__image-container{
  min-width:86px; max-width:86px; height:86px; border-radius:10px; overflow:hidden;
  border:1px solid var(--border); background:var(--chip-bg);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; position:relative;
}
.product-images__image-container.is-active{
  outline:2px solid var(--glow-strong);
  box-shadow: 0 0 0 2px var(--glow);
}
.product-images__image-container img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Badge devolución opcional */
.product-images__devolucion img{ width:120px; height:auto; display:block; }

/* ====== Descripción / Preguntas / Reseñas ====== */
.DivDesc{
  border:1px solid var(--border);
  border-radius:12px;
  background: var(--chip-bg);
}
.descripcion{ margin:0; color: var(--text); }

/* Estructuras usadas por el render JS */
.preguntasItem{
  border:1px solid var(--border); border-radius:12px;
  padding:12px; background: var(--chip-bg); margin-bottom:10px;
}
.div-question{ display:block; }
.question-title{ margin:0; font-weight:700; }
.question-content{ margin:0 0 8px 0; }
.question-answer{ margin:0; opacity:.9; }

/* Reseñas */
.review_title{ font-size:1.6rem; }
.review_sub{ opacity:.85; }
.div-question-review-container{ align-items:flex-start !important; }
.review_name{ margin:0; font-weight:700; }
.review_comment{ margin:.25rem 0 0 0; }
.review-image-cont{ width:100%; }
.review-image{
  max-width: 100%;
  border-radius:10px;
  border:1px solid var(--border);
  display:inline-block;
}

/* Paginación simple */
#pagination a, #reviews-pagination a{
  display:inline-block; padding:4px 8px; margin:0 4px;
  text-decoration:none; border:1px solid var(--border);
  border-radius:8px; color:var(--text);
}
#pagination a:hover, #reviews-pagination a:hover{
  background:var(--chip-bg);
}

/* ====== Swiper bullets ====== */
.product-image-swiper .swiper-pagination-bullet{
  background: #94a3b8; opacity:.6;
}
.product-image-swiper .swiper-pagination-bullet-active{
  background:#fff; opacity:1;
}


.contact-data-vendor{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ars-cont-price{
  margin-top: 5px;
}
.usdt-cont-price{
  margin-top: 10px;
}
.discount-data{
  position: absolute;
  width: 105px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3%;
  left: 91%;
  border-radius: 5px;
  background-color: #000;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {

.pi-rating{ 
  justify-content: flex-start; 
  gap:8px; 
  flex-wrap:wrap; 
  width:50%; 
}
.pi-submeta{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 8px;
}
.pi-title{
  width: 100%;
}
.vendor-card__logo{
  top: 50%;
  left:50%;
}
.vendor-card__header, .vendor-card__meta, .vendor-card__cta{
  padding-left: 0px;
}
.product-info-card .wa-btn{
  width: 50%;
  margin: auto;
}

.pi-benefits{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  align-items: center; 
  justify-content: center; 
  gap:10px; margin-top: 4px; 
}
.ars-cont-price{
  margin-top: 30px;
}
.usdt-cont-price{
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .contact-data-vendor{
  flex-direction: column-reverse;
}
  .vendor-meta__icons{
  align-items: flex-start;
}
.vendor-card__meta{
   width: 100%;
  }

  .contact-data-vendor button{
    margin: auto;
}
  .contact-data-vendor .meta-pill{
    width: 100%;
}
.vendor-card__cta{
  margin-inline: auto;
  margin-top: 20px;
}
}
}
.usdt-price{
  color: #29C480 !important;
}
.pay-product-btn{
  background-color: #1A4E2E !important;
  color: #fff !important;
}
.phone-redirect{
  text-decoration: none;
  color: #fff;
}
.truncate-2-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* Contenedor base */
.verify-card {
    position: relative;
    padding: 7px 10px;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: transparent;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    
}
.verify-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}
.verify-title {
    font-size: 12px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.verify-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.verify-tooltip {
    position: absolute;
    bottom: 100%;
    left: 20%;
    transform: translateX(-50%) translateY(-10px);
    background-color: #0D0F12;
    border: 1px solid #29C480;
    color: #fff;
    padding: 15px;
    border-radius: 6px;
    white-space: normal;
    width: 280px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    font-size: 0.85rem;
    line-height: 1.4;
    z-index: 99999;
}
.verify-tooltip a{
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 5%;
    font-weight: 300;
    color: #fff;
}
.verify-tooltip a:hover{
    color: #29C480;
    font-weight: 500;
}
.verify-tooltip p{
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}
.tooltip-arrow {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,0.85);
}
.verify-title:hover .verify-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.verified { 
    background-color: #29C48033;
    border: 1px solid #29C480
}
.not-verified { 
    background: transparent;
    border: 1px solid #313639
}
@media screen and (max-width: 991px) {
  .verify-tooltip {
      left: 65%;
  }
}

.product-images__devolucion.hover_devolucion:hover + .verify-tooltip {
  opacity: 1;
  visibility: visible;
  top: 8%;
  left: 12rem;
  height: fit-content;
  max-width: 275px;
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
}

.vendor-desc {
    overflow: hidden;
    display: block;
    line-height: 1.5em; /* altura de línea */
    max-height: calc(1.5em * 5); /* máximo 5 líneas */
    transition: max-height 0.3s ease;
}

.vendor-desc.expanded {
    max-height: 1000px; /* suficiente para mostrar todo */
}

.btn-store-description{
  border: 1px solid #29C480;
  border-radius: 5px;
  background: none;
  color: #29C480;
  padding: 5px 10px;
  float: right;
  margin-bottom: 10px;
 }