/* Contenedor de toasts */
    #toast-container {
      position: fixed;
      top: 80px;
      right: 20px;
      z-index: 9999;
    }

    /* Estilo del toast */
    .toast-error {
      background-color: #e02e2a;
      color: white;
      padding: 15px 20px;
      margin-bottom: 10px;
      border-radius: 4px;
      font-weight: 400;
      font-size: 0.9rem;
      opacity: 0;
      transform: translateX(100%);
      animation: slideIn 0.5s forwards, fadeOut 0.5s 3.5s forwards;
      position: relative;
      cursor: default;
      user-select: none;
      box-shadow: none;
      min-width: 300px;
    }

    /* Botón de cerrar (cruz) */
    .toast-close {
      position: absolute;
      top: 8px;
      right: 10px;
      background: transparent;
      border: none;
      color: white;
      font-size: 14px;
      line-height: 1;
      font-weight: normal;
      cursor: pointer;
      padding: 0;
    }

    .toast-close:hover {
      color: #ccc;
    }

    /* Animación de entrada */
    @keyframes slideIn {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* Animación de salida */
    @keyframes fadeOut {
      to {
        opacity: 0;
        transform: translateX(100%);
      }
    }