/* Estilos comunes para todos los widgets de Lemon */

/* Reset básico para widgets */
.elementor-widget-lemon-carousel,
.elementor-widget-lemon-image,
.elementor-widget-lemon-ticker {
  box-sizing: border-box;
}

.elementor-widget-lemon-carousel *,
.elementor-widget-lemon-image *,
.elementor-widget-lemon-ticker * {
  box-sizing: border-box;
}

/* Asegurar que la tipografía se herede correctamente */
.elementor-widget-lemon-ticker .ticker-container,
.elementor-widget-lemon-ticker .ticker-content,
.elementor-widget-lemon-ticker .ticker-height-helper {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* Utilidades comunes */
.lemon-hidden {
  display: none !important;
}

.lemon-invisible {
  visibility: hidden !important;
}

.lemon-no-transition {
  transition: none !important;
}

/* Animaciones básicas comunes */
@keyframes lemonFadeIn {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

@keyframes lemonFadeInUp {
  from {
	opacity: 0;
	transform: translateY(30px);
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
}

@keyframes lemonSlideInLeft {
  from {
	opacity: 0;
	transform: translateX(-30px);
  }
  to {
	opacity: 1;
	transform: translateX(0);
  }
}

@keyframes lemonSlideInRight {
  from {
	opacity: 0;
	transform: translateX(30px);
  }
  to {
	opacity: 1;
	transform: translateX(0);
  }
}

/* Clases de animación */
.lemon-fade-in {
  animation: lemonFadeIn 1s ease-out;
}

.lemon-fade-in-up {
  animation: lemonFadeInUp 1s ease-out;
}

.lemon-slide-in-left {
  animation: lemonSlideInLeft 1s ease-out;
}

.lemon-slide-in-right {
  animation: lemonSlideInRight 1s ease-out;
}