/* Ajustes específicos de EL PRODUCTO */

/* Así es EMUNÁ: mismo lenguaje visual de las fotografías editoriales */
.product-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.product-visual .product-photo{
  display:block;
  width:min(88%, 520px);
  height:auto;
  max-height:610px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 20px 48px rgba(26,45,34,.14);
  transition:transform .75s cubic-bezier(.2,.7,.2,1), box-shadow .75s ease;
  will-change:transform;
  transform:translateY(var(--product-photo-shift, 0px)) scale(1);
}
.product-visual:hover .product-photo{
  transform:translateY(calc(var(--product-photo-shift, 0px) - 7px)) scale(1.018);
  box-shadow:0 28px 60px rgba(26,45,34,.18);
}

/* Fotografías reales del proceso */
.process-photo{
  position:relative;
  overflow:hidden;
}
.process-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.7,.2,1), filter .75s ease;
}
.process-circle-card:hover .process-photo img{
  transform:scale(1.055);
}
.process-photo span{
  position:absolute;
  z-index:2;
}

/* Video final */
.product-video-section{
  position:relative;
  width:100%;
  height:clamp(430px, 67vw, 780px);
  overflow:hidden;
  background:#173c2d;
}
.product-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Respeta usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce){
  .product-visual .product-photo,
  .process-photo img{ transition:none; transform:none !important; }
}

@media (max-width: 780px){
  .product-visual .product-photo{
    width:min(92%, 460px);
    max-height:none;
  }
  .product-video-section{
    height:56vw;
    min-height:330px;
  }
}