/* Efecto rotación de texto - Versión Cross-Browser Corregida */
/* VERSIÓN SIMPLIFICADA CSS + JavaScript fallback */
.text-rotator {
  display: inline-block;
  vertical-align: top;
  height: 1.2em;
  overflow: hidden;
  position: relative;
}

.text-rotator .rotor {
  display: block;
  animation: simpleRotate 9s linear infinite;
  -webkit-animation: simpleRotate 9s linear infinite;
}

.text-rotator .rotor span {
  display: block;
  height: 1.2em;
  line-height: 1.2em;
}

@keyframes simpleRotate {
  0% { margin-top: 0; }
  16% { margin-top: 0; }
  20% { margin-top: -1.2em; }
  36% { margin-top: -1.2em; }
  40% { margin-top: -2.4em; }
  56% { margin-top: -2.4em; }
  60% { margin-top: -3.6em; }
  76% { margin-top: -3.6em; }
  80% { margin-top: -4.8em; }
  96% { margin-top: -4.8em; }
  100% { margin-top: -6em; }
}

@-webkit-keyframes simpleRotate {
  0% { margin-top: 0; }
  16% { margin-top: 0; }
  20% { margin-top: -1.2em; }
  36% { margin-top: -1.2em; }
  40% { margin-top: -2.4em; }
  56% { margin-top: -2.4em; }
  60% { margin-top: -3.6em; }
  76% { margin-top: -3.6em; }
  80% { margin-top: -4.8em; }
  96% { margin-top: -4.8em; }
  100% { margin-top: -6em; }
}