/* Estilos para el widget Custom Double Ticker */
.ticker-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  min-height: 20px; /* Evita colapso total */
}

.ticker-content {
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  will-change: transform, opacity;
}

/* Elemento auxiliar para calcular la altura basado en el texto */
.ticker-height-helper {
  visibility: hidden;
  white-space: nowrap;
  display: inline-block;
  padding: 2px 0; /* Espacio para caracteres */
}

/* Animación fadeUp */
.ticker-container[data-animation="fadeup"] .ticker1-container {
  opacity: 0;
  animation: fadeUp 0.5s ease-in forwards;
  animation-delay: 0.2s;
}

.ticker-container[data-animation="fadeup"] .ticker2-container {
  opacity: 0;
  animation: fadeUp 0.5s ease-in forwards;
  animation-delay: 0.3s;
}

@keyframes fadeUp {
  from {
	opacity: 0;
	transform: translateY(30px); /* Reducido para evitar cortes */
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
}
