/* Personalización de colores para notificaciones Notyf */
.notyf__toast--success {
  background-color: rgb(156, 248, 202) !important; /* Verde personalizado */
}

.notyf__toast--success .notyf__wrapper {
  background-color: rgb(156, 248, 202) !important; /* Verde personalizado */
}

.notyf__toast--success .notyf__ripple {
  background-color: rgb(156, 248, 202) !important; /* Verde personalizado */
}

.notyf__toast--error {
  background-color: rgb(255, 199, 195) !important; /* Rojo personalizado */
}

.notyf__toast--error .notyf__wrapper {
  background-color: rgb(255, 199, 195) !important; /* Rojo personalizado */
}

.notyf__toast--error .notyf__ripple {
  background-color: rgb(255, 199, 195) !important; /* Rojo personalizado */
}

/* Asegurar que el color del texto sea legible */
.notyf__toast--success .notyf__message,
.notyf__toast--success .notyf__icon {
  color: #000 !important;
}

.notyf__toast--error .notyf__message,
.notyf__toast--error .notyf__icon {
  color: #000 !important;
}

/* Personalización del botón de cerrar (dismissible) */
.notyf__dismiss-btn {
  border-radius: 0 !important;
  padding: 10px !important;
}

.notyf__toast--info {
  background-color: rgb(203, 245, 255) !important;
  background: rgb(203, 245, 255) !important; /* Azul claro personalizado */
}

.notyf__toast--info .notyf__wrapper {
  background-color: rgb(203, 245, 255) !important;
  background: rgb(203, 245, 255) !important; /* Azul claro personalizado */
}

.notyf__toast--info .notyf__ripple {
  background-color: rgb(203, 245, 255) !important;
  background: rgb(203, 245, 255) !important; /* Azul claro personalizado */
}

.notyf__toast--info .notyf__message,
.notyf__toast--info .notyf__icon {
  color: #000 !important;
}

.notyf__toast--warning {
  background-color: rgb(255, 246, 205) !important;
  background: rgb(255, 246, 205) !important; /* Amarillo personalizado */
}

.notyf__toast--warning .notyf__wrapper {
  background-color: rgb(255, 246, 205) !important;
  background: rgb(255, 246, 205) !important; /* Amarillo personalizado */
}

.notyf__toast--warning .notyf__ripple {
  background-color: rgb(255, 246, 205) !important;
  background: rgb(255, 246, 205) !important; /* Amarillo personalizado */
}

.notyf__toast--warning .notyf__message,
.notyf__toast--warning .notyf__icon {
  color: #000 !important;
}