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

.animate-fadeIn {
  animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Scroll horizontal suave para móvil */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tab-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #d103d1;
  box-shadow: 0 0 10px #d103d1;
}
<style>
  /* 1. Reset de Scroll */
  html {
    scroll-behavior: smooth !important;
  }

  /* 2. Animación de las pestañas */
  .animate-fadeIn {
    animation: fadeIn 0.4s ease-out;
  }

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

  /* 3. Ajuste de imagen en el tab */
  .tab-content- img, 
  .tab-content- video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* 4. Scrollbar para móviles en las pestañas */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* 5. Estilo de los links de tabs */
  .tab-link-.active {
    color: white !important;
    border-bottom-color: #d103d1 !important;
  }
</style>