/* PC-SinglesCards 012 INICIO */

/* =========================================================
   Prime Collectors - Cartas Sueltas
   Diseño tipo galería sin romper el centrado de Tiendanube
   ========================================================= */

/* Espaciado general */
.pc-singles-card-product {
  margin-bottom: 44px;
}

/* Quitar caja del producto */
.pc-singles-card-product .item,
.pc-singles-card-product .js-item-info-container {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Cancelar hover de caja */
.pc-singles-card-product .item:hover,
.pc-singles-card-product .js-item-info-container:hover {
  transform: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================================================
   Imagen de carta
   ========================================================= */

/* Contenedor visible de la imagen */
.pc-singles-card-product .item-image {
  width: 220px;
  max-width: 100%;
  margin: 0 auto !important;
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Contenedor interno: NO tocar padding-bottom ni position */
.pc-singles-card-product .js-item-image-padding {
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 
   MUY IMPORTANTE:
   Tiendanube centra la imagen con translate(-50%, -50%).
   Por eso aquí conservamos ese translate y solo agregamos scale().
*/
.pc-singles-card-product .item-image .img-absolute-centered,
.pc-singles-card-product .item-image .js-item-image {
  border-radius: 10px;
  object-fit: contain;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28));
  transform: translate(-50%, -50%) scale(1) !important;
  transform-origin: center center;
  transition:
    transform 0.18s ease,
    filter 0.18s ease !important;
}

/* Hover solo cuando el mouse está sobre la carta */
.pc-singles-card-product .item-image:hover .img-absolute-centered,
.pc-singles-card-product .item-image:hover .js-item-image {
  transform: translate(-50%, -50%) scale(1.035) !important;
  filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.35)) !important;
}

/* =========================================================
   Texto debajo de la carta
   ========================================================= */

.pc-singles-card-product .item-description {
  width: 220px;
  max-width: 100%;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Nombre */
.pc-singles-card-product .item-name {
  min-height: 38px;
  margin: 0 0 8px !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  opacity: 1 !important;
  text-align: center !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Precio */
.pc-singles-card-product .item-price-container {
  margin: 0 0 6px !important;
  text-align: center !important;
}

.pc-singles-card-product .item-price {
  font-size: 16px;
  font-weight: 800;
  color: #000000;
}

.pc-singles-card-product .price-compare {
  font-size: 13px;
  opacity: 0.55;
}

/* =========================================================
   Botón base del tema
   ========================================================= */

.pc-singles-card-product .pc-sc004__actions {
  margin-top: 6px !important;
  text-align: center !important;
}

.pc-singles-card-product .pc-sc004__form {
  margin: 0 !important;
}

.pc-singles-card-product .pc-sc004__submit-wrapper {
  display: inline-block;
  position: relative;
}

.pc-singles-card-product .pc-sc004__actions .btn-link,
.pc-singles-card-product .pc-sc004__actions .btn-small-quickshop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 500;
}

/* Agotado */
.pc-singles-card-product .pc-sc004__soldout {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

/* Labels */
.pc-singles-card-product .label {
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991px) {
  .pc-singles-card-product .item-image,
  .pc-singles-card-product .item-description {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .pc-singles-card-product {
    margin-bottom: 34px;
  }

  .pc-singles-card-product .item-image,
  .pc-singles-card-product .item-description {
    width: 165px;
  }

  .pc-singles-card-product .item-description {
    margin-top: 14px !important;
  }

  .pc-singles-card-product .item-name {
    min-height: 34px;
    font-size: 12px;
  }

  .pc-singles-card-product .item-price {
    font-size: 15px;
  }

  .pc-singles-card-product .pc-sc004__actions .btn-link,
  .pc-singles-card-product .pc-sc004__actions .btn-small-quickshop {
    font-size: 14px;
  }
}

/* PC-SinglesCards 013 INICIO: corrección altura imagen */

/* Ajusta la proporción del espacio reservado para la carta.
   Esto evita que la imagen quede arriba y el texto demasiado abajo. */
.pc-singles-card-product .js-item-image-padding {
  padding-bottom: 139% !important;
}

/* Asegura que la imagen se mantenga centrada dentro del nuevo espacio */
.pc-singles-card-product .item-image .img-absolute-centered,
.pc-singles-card-product .item-image .js-item-image {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

/* Hover correcto conservando el centrado */
.pc-singles-card-product .item-image:hover .img-absolute-centered,
.pc-singles-card-product .item-image:hover .js-item-image {
  transform: translate(-50%, -50%) scale(1.035) !important;
}

/* Reduce la separación entre imagen y texto */
.pc-singles-card-product .item-description {
  margin-top: 14px !important;
}

/* Da un poco de aire debajo del título/filtro antes de la primera fila */
.pc-singles-card-product {
  padding-top: 14px;
}

/* PC-SinglesCards 014 INICIO: hover tipo galería Pokémon */

/* Preparar el contenedor de la carta para efecto 3D */
.pc-singles-card-product .item-image {
  position: relative !important;
  perspective: 900px;
  transform-style: preserve-3d;
}

/* Animación base más suave */
.pc-singles-card-product .item-image .img-absolute-centered,
.pc-singles-card-product .item-image .js-item-image {
  transition:
    transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  will-change: transform, filter;
}

/* Hover principal: zoom + ligera inclinación */
.pc-singles-card-product .item-image:hover .img-absolute-centered,
.pc-singles-card-product .item-image:hover .js-item-image {
  transform: translate(-50%, -50%) scale(1.055) rotateZ(-1deg) !important;
  filter: drop-shadow(0 20px 24px rgba(0, 0, 0, 0.36)) saturate(1.08)
    contrast(1.04) !important;
}

/* Brillo sutil sobre la carta */
.pc-singles-card-product .item-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: 10px;
  opacity: 0;
  background: linear-gradient(
    115deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 34%,
    rgba(255, 255, 255, 0.34) 48%,
    rgba(255, 255, 255, 0.08) 56%,
    rgba(255, 255, 255, 0) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-42%) skewX(-10deg);
  transition:
    opacity 0.25s ease,
    transform 0.42s ease;
}

/* Activar barrido de brillo al pasar mouse */
.pc-singles-card-product .item-image:hover::after {
  opacity: 1;
  transform: translateX(42%) skewX(-10deg);
}

/* Evitar que el label de Agotado se mueva raro */
.pc-singles-card-product .label {
  z-index: 5;
}

/* Al salir del hover, regreso natural */
.pc-singles-card-product .item-image:not(:hover) .img-absolute-centered,
.pc-singles-card-product .item-image:not(:hover) .js-item-image {
  transform: translate(-50%, -50%) scale(1) rotateZ(0deg) !important;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28)) !important;
}

/* PC-SinglesCards 012 FINAL */