.user__alert{
background-color: #FED7D7;
display: none;
align-items: center;
justify-content: center;
gap: 10px;
position: absolute;
bottom: 20%;
padding: 10px;
border-radius: 10px;
color: gray;
animation: dropNotification 2s ease-in-out;
height: 55px;

}

.warning__alert{
  position: relative;
  height: 25px;
}
@keyframes dropNotification {
  to{
opacity: 1;

  }
  from{
opacity: 0;
    
  }
}


/* Loading Spin */

.centralizada{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-spinner {

  border: 8px solid #e8438c;
  border-top: 8px solid transparent;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}