/* ===== TÍTULOS ANIMADOS letra a letra ===== */
.titulo-animado .ta-palabra {
  display: inline-block;
  white-space: nowrap;
}
.titulo-animado .ta-letra {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.5em) rotate(6deg);
  transform-origin: 0 100%;
  transition: opacity .5s ease, transform .7s cubic-bezier(.2,.65,.3,1);
}
.titulo-animado .ta-visible .ta-letra {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .titulo-animado .ta-letra { opacity: 1; transform: none; transition: none; }
}