/* styles.css */
/* ... (otros estilos) ... */

/* ---------------------------------------------------- */
/* --- ESTILOS PARA LA NOTIFICACIÓN TOAST (Simple) ---  */
/* ---------------------------------------------------- */
.simple-toast {
  position: fixed;
  bottom: -100px; /* Inicia fuera de pantalla */
  left: 50%;
  transform: translateX(-50%);
  /* === CAMBIOS === */
  background-color: #007bff; /* Azul primario (Bootstrap) */
  color: white;              /* Texto blanco */
  padding: 12px 35px;    /* Más padding horizontal para hacerlo más largo */
  min-width: 250px;          /* Ancho mínimo para asegurar que no sea muy corto */
  text-align: center;        /* Centrar texto dentro del toast */
  /* === FIN CAMBIOS === */
  border-radius: 25px; /* Mantenemos forma de píldora */
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 1050;
  opacity: 0;
  visibility: hidden;
  font-family: 'Inter', sans-serif;
  font-size: 0.95em;
  /* Transición para cuando DESAPARECE */
  transition: opacity 0.4s ease, bottom 0.4s ease, visibility 0s linear 0.4s;
}

.simple-toast.visible {
  bottom: 40px; /* Sube a la posición visible */
  opacity: 1;
  visibility: visible;
  /* Transición para cuando APARECE */
  transition: opacity 0.4s ease, bottom 0.4s ease, visibility 0s linear 0s;
}

/* ... (resto de tus estilos) ... */