.notificacion-form {
  display: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  text-align: center;
  animation: aparecer-notif 0.3s ease;
}

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

.notificacion-form.error {
  background-color: #ffe4e4;
  color: #c0392b;
  border: 1px solid #f5c6cb;
}

.notificacion-form.exito {
  background-color: #e4ffe4;
  color: #27ae60;
  border: 1px solid #c3e6cb;
}