/* Modais de aviso (SweetAlert2). Estiliza as classes base: vale para todas as modais do projeto. */

.swal2-popup {
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

/* O icone padrao domina a modal e deixa um aviso pequeno com cara de falha grave. */
.swal2-icon {
    transform: scale(0.62);
    margin: 0.75rem auto -0.25rem;
}

/* O icone aparece pronto: a animacao chama atencao para o simbolo, nao para a mensagem. */
.swal2-icon,
.swal2-icon * {
    animation: none !important;
}

.swal2-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--dark-text, #222);
    padding: 0 1rem;
    line-height: 1.3;
}

.swal2-html-container {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--light-text, #555);
    margin: 0.35rem 1rem 0;
}

/* Mensagem unica nao ganha marcador; varias viram lista alinhada a esquerda. */
.aviso-texto {
    margin: 0;
}

.aviso-lista {
    text-align: left;
    margin: 0;
    padding-left: 1.15rem;
}

.aviso-lista li + li {
    margin-top: 0.5rem;
}

/* !important vence o confirmButtonColor, que o SweetAlert aplica como estilo inline. */
.swal2-styled.swal2-confirm {
    background: var(--primary-red, #c71a17) !important;
    border-radius: 8px;
    padding: 0.65rem 2.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm:focus-visible {
    box-shadow: 0 0 0 3px rgba(199, 26, 23, 0.3) !important;
}

.swal2-styled.swal2-cancel {
    background: #f1f3f5 !important;
    color: var(--dark-text, #333) !important;
    border-radius: 8px;
    padding: 0.65rem 2.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    box-shadow: none !important;
}

.swal2-actions {
    gap: 0.6rem;
    margin-top: 1.15rem;
}

.modal-title-compartilhar {
    margin-top: 1.5rem !important;
}