body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-family: sans-serif;

  /* 🎨 Fondo degradado animado */
  background: linear-gradient(-45deg, #e2a1cc, #b10e86, #112dcf, #df850f);
  background-size: 400% 400%;
  animation: gradientMove 25s ease infinite;
}

/* ✨ Animación suave del fondo */
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Ejemplo de contenido centrado */
.content {
  position: relative;
  z-index: 1;
  color: rgb(252, 249, 249);
  text-align: center;
  padding: 2rem;
  backdrop-filter: blur(5px); /* opcional: efecto de vidrio */
  border-radius: 1rem;
}

.card{
    background-color: rgba(235, 228, 228, 0.624);
}
.card-body{
    margin: 30px;
}
.card-title{
    margin: 10px;
    background-color: aliceblue;
}
.btn{
    margin: 10px;
}
.card-img-top{
    width: 190px; 
    height: 190px; 
    object-fit: cover;
}