/* Estilo do fundo do modal */
.modal.fade.custom-modal .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.modal.fade.custom-modal .modal-dialog .modal-content {
    background: #ffffff; /* Cor de fundo branca */
    border-radius: 10px; /* Bordas arredondadas */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Sombra para profundidade */
    border: none; /* Remove borda padrão */
    overflow: hidden; /* Impede overflow para bordas arredondadas */
}

/* Cabeçalho */
.modal-header {
    /* background: linear-gradient(90deg, #6a11cb, #2575fc); Gradiente */
    background: linear-gradient(90deg, #fdb48a, #df6663);
    color: #fff; /* Texto branco */
    border-bottom: none; /* Remove borda inferior */
    padding: 15px 20px;
}

.modal-header .modal-title {
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.modal-header .close {
    color: #fff;
    opacity: 0.8;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

.modal-header .close:hover {
    opacity: 1;
}

/* Corpo */
.modal-body {
    padding: 20px;
    font-size: 1.1rem;
    color: #444;
    line-height: 1.5;
}

/* Rodapé */
.modal-footer {
    background: #f9f9f9; /* Fundo leve para contraste */
    padding: 15px 20px;
    border-top: none; /* Remove borda superior */
}

.modal-footer .btn-primary {
    background: #2575fc;
    border: none;
    transition: all 0.3s ease;
}

.modal-footer .btn-primary:hover {
    background: #11cb11;
}

.modal-footer .btn-secondary {
    background: #ddd;
    border: none;
    color: #444;
}

.modal-footer .btn-secondary:hover {
    background: #bbb;
}

/* Transições */
.modal.fade .modal-dialog {
    transform: translate(0, -50px);
    opacity: 0;
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
    opacity: 1;
}