* { -webkit-font-smoothing: antialiased; }
input:focus { outline: none; }
/* Aparición suave de tarjetas al cargar la página */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-in {
  animation: fadeUp 0.5s ease both;
}

/* Pequeño "lift" al pasar el ratón por una tarjeta */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -10px rgba(11, 34, 56, 0.25);
}

/* Transición de opacidad para el carrusel de bancos */
#bankName, #bankAlias, #bankBalance {
  transition: opacity 0.25s ease;
}
.bank-fading { opacity: 0; }