/* reglas mínimas necesarias (poner después del CSS de la plantilla) */
.word-rotator {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  visibility: hidden;
  line-height: 1.25; /* evita que se corte la parte baja de letras como 'g' o 'y' */
}





.word-rotator.active {
  visibility: visible;
  width: auto;
}

.word-rotator .items {
  position: relative;
  top: 0;
  left: 0;
  will-change: top;
}

.word-rotator .items > span {
  display: block;
  line-height: 1.25;
  padding: 0.05em 0; /* evita cortes en letras descendentes */
}

.word-rotator .items em {
  color: #0294ca; /* azul muy clarito, puedes usar otro tono */
  font-style: normal; /* elimina la cursiva del <em> si no la quieres */
  display: inline-block;
  vertical-align: baseline;
}


