.elementor-13399 .elementor-element.elementor-element-094e1a5:not(.elementor-motion-effects-element-type-background), .elementor-13399 .elementor-element.elementor-element-094e1a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13399 .elementor-element.elementor-element-094e1a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-13399 .elementor-element.elementor-element-094e1a5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13399 .elementor-element.elementor-element-ef7fc6c > .elementor-widget-container{margin:-11px -11px -11px -11px;}/* Start custom CSS for html, class: .elementor-element-a742d5e */.vase.active {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px) scale(1.01); }
  50% { transform: translateY(-6px) scale(1.01); }
  100% { transform: translateY(0px) scale(1.01); }
}
background: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
.vase-stage::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(rgba(0,0,0,0.05), transparent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(40px);
}
background: linear-gradient(
  180deg,
  #ffffff 0%,
  #fdfdfd 50%,
  #f8f8f8 100%
);
background: radial-gradient(
  circle at 50% 40%,
  #ffffff 0%,
  #f9f9f9 60%,
  #f1f1f1 100%
);
@media (max-width: 767px) {

  .vase-.elementor-13399 .elementor-element.elementor-element-a742d5e {
    position: absolute;
    bottom: 10px;

    left: 0;
    right: 0;

    display: flex;
    gap: 12px;

    overflow-x: auto;
    overflow-y: hidden;

    padding: 0 16px;

    box-sizing: border-box;

    /* 🔥 CLAVE */
    width: 100%;
    max-width: 100%;

    /* evita expansión */
    white-space: nowrap;
  }

  .vase-thumb {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
  }

}

}
html, body {
  overflow-x: hidden;
}
@media (max-width: 767px) {

  .vase-stage {
    width: 100%;
    height: 260px; /* 🔥 clave: fuerza altura visible */
  }

  .vase {
    max-height: 100%;
  }

}
.vase-thumb {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.vase-thumb:focus {
  outline: none;
}

.vase-thumb:active {
  outline: none;
}
@media (min-width: 768px) {
  .arrow {
    display: none;
  }
}
@media (max-width: 767px) {

  .vase-stage {
    width: 100%;
    height: 260px;
  }

  .vase {
    max-height: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b380b6 *//* ===== ENTRADA SUAVE ===== */
.conjunto {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.conjunto.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== HOVER PREMIUM ===== */
.conjunto-img img {
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.conjunto:hover .conjunto-img img:first-child {
  transform: translateY(-6px) scale(1.02);
}

.conjunto-img .mini {
  transition: all 0.6s ease;
}

.conjunto:hover .mini {
  transform: translateY(-4px) scale(1.05);
}
/* ===== MICRO INTERACCIÓN AVANZADA ===== */

.conjunto-img {
  transform-style: preserve-3d;
}

.conjunto-img img {
  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* GRANDE */
.conjunto:hover .conjunto-img img:first-child {
  transform: translateY(-8px) scale(1.025);
}

/* MINI ACOMPAÑA */
.conjunto:hover .mini {
  transform: 
    translateY(-6px)
    translateX(6px)
    scale(1.06);
}

/* SI ESTÁ INVERTIDO */
.conjunto.reverse:hover .mini {
  transform: 
    translateY(-6px)
    translateX(-6px)
    scale(1.06);
}
/* micro delay elegante */
.conjunto-img .mini {
  transition-delay: 0.05s;
}/* End custom CSS */