/*
 * Estilos específicos para la Home.
 * Se carga condicionalmente en la página de inicio.
 */

/* Sellos de gama en el módulo Divi "Nuestras Carnes". */
body.home .et_pb_shop_0 li.product .et_shop_image {
  position: relative;
  display: block;
}

body.home .et_pb_shop_0 li.product .et_shop_image .et_overlay {
  top: var(--valniezo-image-top-gap, 0px) !important;
  right: var(--valniezo-image-right-gap, 0px) !important;
  bottom: var(--valniezo-image-bottom-gap, 0px) !important;
  left: var(--valniezo-image-left-gap, 0px) !important;
  width: auto !important;
  height: auto !important;
}

body.home .et_pb_shop_0 li.product.product_cat-summus .et_shop_image::after,
body.home .et_pb_shop_0 li.product.product_cat-suprema .et_shop_image::after,
body.home .et_pb_shop_0 li.product.product_cat-seleccion .et_shop_image::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: calc(var(--valniezo-seal-image-top-gap, 0px) + 12px);
  right: calc(var(--valniezo-seal-image-right-gap, 0px) + 12px);
  width: clamp(54px, 23%, 76px);
  aspect-ratio: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body.home .et_pb_shop_0 li.product.product_cat-summus .et_shop_image::after {
  background-image: url("/wp-content/uploads/sello-summus.png");
}

body.home .et_pb_shop_0 li.product.product_cat-suprema .et_shop_image::after {
  background-image: url("/wp-content/uploads/sello-suprema.png");
}

body.home .et_pb_shop_0 li.product.product_cat-seleccion .et_shop_image::after {
  background-image: url("/wp-content/uploads/sello-seleccion.png");
}

/* Entrada única al alcanzar la sección: efecto de sello estampado. */
html.valniezo-seals-js body.home .et_pb_shop_0 li.product .et_shop_image::after {
  opacity: 0;
  filter: blur(2px) drop-shadow(0 6px 9px rgba(0, 0, 0, 0.2));
  transform: translate3d(14px, -14px, 0) rotate(16deg) scale(0.48);
  transform-origin: 50% 50%;
  will-change: opacity, filter, transform;
}

html.valniezo-seals-js body.home .et_pb_shop_0 li.product.valniezo-seal-visible .et_shop_image::after {
  animation: valniezo-seal-stamp 760ms cubic-bezier(0.2, 0.82, 0.24, 1) both;
  animation-delay: calc(var(--valniezo-seal-index, 0) * 110ms);
}

@keyframes valniezo-seal-stamp {
  0% {
    opacity: 0;
    filter: blur(2px) drop-shadow(0 6px 9px rgba(0, 0, 0, 0.2));
    transform: translate3d(14px, -14px, 0) rotate(16deg) scale(0.48);
  }

  68% {
    opacity: 1;
    filter: blur(0) drop-shadow(0 7px 10px rgba(0, 0, 0, 0.24));
    transform: translate3d(0, 0, 0) rotate(-2deg) scale(1.08);
  }

  100% {
    opacity: 1;
    filter: blur(0) drop-shadow(0 4px 6px rgba(0, 0, 0, 0.18));
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
  }
}

@media (max-width: 767px) {
  body.home .et_pb_shop_0 li.product .et_shop_image::after {
    top: calc(var(--valniezo-seal-image-top-gap, 0px) + 10px);
    right: calc(var(--valniezo-seal-image-right-gap, 0px) + 10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.valniezo-seals-js body.home .et_pb_shop_0 li.product .et_shop_image::after,
  html.valniezo-seals-js body.home .et_pb_shop_0 li.product.valniezo-seal-visible .et_shop_image::after {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none;
  }
}