/* ALERTA GERAL */
.alert-message {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -150%); /* escondida acima */
    opacity: 0;                        /* invisível */
    border-radius: 6px;
    padding: 10px 20px;
    width: 450px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 2px rgba(31, 45, 61, 0.15);
    transition: transform 0.3s ease, opacity 0.3s ease;
    pointer-events: none; /* não interage quando fora */
    z-index: 1000;        /* garante que fique acima do conteúdo */
}

/* Fechar (×) */
.alert-message span.close {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: bold;
    font-size: 23px;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

.alert-message span.close:hover {
    color: white;
}

/* Estado ativo: visível */
.alert-message.active {
    transform: translate(-50%, 0); /* desliza para baixo */
    opacity: 1;                     /* totalmente visível */
    pointer-events: auto;           /* interativo */
}

/* Tipos de alerta */
.alert-message.primary  { background-color: #1FB6FF; }
.alert-message.positive { background-color: #13CE66; }
.alert-message.negative { background-color: #FF4949; }
.alert-message.warning  { background-color: #FFC82C; color: #333; }