/* Animación del logo */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.animate-float { animation: float 3s ease-in-out infinite; }

/* Estilos flash */
.flash { p-2 mb-2 rounded text-sm; }
.flash.success { background-color:#d1fae5; color:#065f46; }
.flash.danger  { background-color:#fee2e2; color:#991b1b; }
.flash.warning { background-color:#fef3c7; color:#78350f; }
.flash.info    { background-color:#dbeafe; color:#1e3a8a; }

/* Inputs de login */
input[name=email], input[name=password] {
  width: 100%; padding:0.5rem; border:1px solid #ccc; border-radius:0.375rem;
  margin-bottom:0.75rem; outline:none;
}
input:focus { border-color:#3b82f6; box-shadow:0 0 0 2px rgba(59,130,246,0.3); }

/* Botón */
.btn-login {
  width:100%; display:flex; justify-content:center; align-items:center;
  background-color:#3b82f6; color:white; padding:0.5rem; border-radius:0.375rem;
  transition:background-color 0.2s, transform 0.1s; cursor:pointer;
}
.btn-login:hover { background-color:#2563eb; }
.btn-login:active { transform:scale(0.97); }