/* Logo centrado SOLO en escritorio - Theme Seiko PrestaShop 1.7.8 */
@media (min-width: 992px) {

  #category #header .header-top,
  #index #header .header-top,
  #product #header .header-top,
  #cart #header .header-top {
  }

  #category #header .header-top .logo,
  #index #header .header-top .logo,
  #product #header .header-top .logo,
  #cart #header .header-top .logo,
  #category #header .header-top img.logo,
  #index #header .header-top img.logo,
  #product #header .header-top img.logo,
  #cart #header .header-top img.logo,
  #category #header .header-top .header_logo,
  #index #header .header-top .header_logo,
  #product #header .header-top .header_logo,
  #cart #header .header-top .header_logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    z-index: 5;
    width: 22%;
  }
}

}


.ets_wa_whatsapp_block.right_bottom {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.ets_wa_whatsapp_block.right_bottom a {
    display: block;
    background: transparent !important;
    text-decoration: none;
}

.ets_wa_whatsapp_block .aceite-whatsapp-img {
    width: 240px;
    max-width: 80vw;
    height: auto;
    display: block;
    background: transparent !important;
}

@media (max-width: 767px) {
    .ets_wa_whatsapp_block .aceite-whatsapp-img {
        width: 170px;
    }

    .ets_wa_whatsapp_block.right_bottom {
        right: 10px;
        bottom: 10px;
    }
}

//MOVIMIENTO ZOOM DEL HOME//


/* =========================================================
   ZOOM AUTOMÁTICO REAL - HOMEBLOCKS 19 Y 20
   ========================================================= */

.homeBannerContent li.item_block_19 .item_block_img,
.homeBannerContent li.item_block_20 .item_block_img {
  overflow: hidden !important;
}

.homeBannerContent li.item_block_19 .item_block_img img,
.homeBannerContent li.item_block_20 .item_block_img img {
  -webkit-animation: zoomHomeBlockAuto 2.2s ease-in-out infinite !important;
  animation: zoomHomeBlockAuto 2.2s ease-in-out infinite !important;
  -webkit-transform-origin: center center !important;
  transform-origin: center center !important;
  /* display: block !important; */
}

/* Mantiene el efecto también al pasar el ratón */
.homeBannerContent li.item_block_19:hover .item_block_img img,
.homeBannerContent li.item_block_20:hover .item_block_img img {
  -webkit-animation: zoomHomeBlockAuto 2.2s ease-in-out infinite !important;
  animation: zoomHomeBlockAuto 2.2s ease-in-out infinite !important;
}

/* Animación Safari/Chrome */
@-webkit-keyframes zoomHomeBlockAuto {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Animación estándar */
@keyframes zoomHomeBlockAuto {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/* =========================================================
   MOVIMIENTO MONEDA
   ========================================================= */

/* =========================================================
   BARMAN.CAT - EFECTO MONEDA WHATSAPP ACEITE
   Gira automáticamente cada pocos segundos
   ========================================================= */

.aceite-whatsapp-img {
  display: block !important;
  transform-origin: center center !important;
  transform-style: preserve-3d !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  animation: aceiteWhatsappMoneda 5s ease-in-out infinite !important;
  will-change: transform !important;
}

/* Giro tipo moneda: espera, gira, vuelve a esperar */
@keyframes aceiteWhatsappMoneda {
  0% {
    transform: rotateY(0deg) scale(1);
  }

  68% {
    transform: rotateY(0deg) scale(1);
  }

  78% {
    transform: rotateY(90deg) scale(1.03);
  }

  88% {
    transform: rotateY(180deg) scale(1.04);
  }

  100% {
    transform: rotateY(360deg) scale(1);
  }
}

/* Compatibilidad Safari / Chrome */
@-webkit-keyframes aceiteWhatsappMoneda {
  0% {
    -webkit-transform: rotateY(0deg) scale(1);
  }

  68% {
    -webkit-transform: rotateY(0deg) scale(1);
  }

  78% {
    -webkit-transform: rotateY(90deg) scale(1.03);
  }

  88% {
    -webkit-transform: rotateY(180deg) scale(1.04);
  }

  100% {
    -webkit-transform: rotateY(360deg) scale(1);
  }
}

IMAGEN DE PRODUCTO REDONDA LA ID QUE YO QUIERA
.product-miniature[data-id-product="105"] .product-thumbnail {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: block !important;
}

.product-miniature[data-id-product="105"] .product-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  border: 3px solid #f81215 !important;
  /* box-shadow: 0 0 8px rgba(139, 0, 0, 0.45) !important; */
  box-sizing: border-box !important;
}

PRUEBA A VER
/* EFECTO 3D HOVER SIN REDONDEAR PRODUCTOS */

.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .product_thumbnail_content,
.product-miniature .product-thumbnail {
  overflow: visible !important;
  position: relative !important;
}

.product-miniature:hover {
  z-index: 99 !important;
}

.product-miniature .product-thumbnail img {
  transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

/* Solo efecto al pasar ratón */
.product-miniature:hover .product-thumbnail img {
  transform: perspective(900px) rotateX(5deg) rotateY(-8deg) scale(1.12) translateY(-8px) !important;
  box-shadow: 0 22px 38px rgba(0, 0, 0, 0.35) !important;
  filter: brightness(1.08) contrast(1.05) !important;
}