/* * Define as cores do seu sistema como variáveis CSS
 * para fácil reutilização e manutenção.
 */
:root {
    --cor-sistema-azul: #002e6e;
    --cor-sistema-azul-hover: #00214f; /* Um tom um pouco mais escuro para o hover */
    --cor-sistema-branco: #ffffff;
    --cor-sistema-cinza-texto: #545454; /* Um cinza escuro legível */
    --cor-sistema-cinza-borda: #f0f0f0; /* Um cinza claro para bordas/sombras */
    --cor-sistema-preto: #000000; /* Um cinza claro para bordas/sombras */
}

/* * Estilização Customizada do SweetAlert2 
 */

/* O contêiner principal do popup */
.meu-swall-popup {
    background: var(--cor-sistema-branco);
    border-radius: 12px;
    border: 1px solid var(--cor-sistema-cinza-borda);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

    /* O título (h2) */
    .meu-swall-popup .meu-swall-title {
        color: var(--cor-sistema-azul);
        font-weight: 600;
        font-size: 1.8em;
        padding-top: 10px; /* Ajusta espaço do ícone para o título */
    }

    /* O texto/mensagem principal */
    .meu-swall-popup .meu-swall-text {
        color: var(--cor-sistema-preto);
        font-size: 1.1em;
        line-height: 1.6;
    }

 
    .meu-swall-popup .meu-swall-confirm-btn {
        background-color: var(--cor-sistema-azul);
        color: var(--cor-sistema-branco);
 
        border: none;

        border-radius: 8px;
        padding: 12px 28px; 
        font-size: 1em;
        font-weight: 500;

        box-shadow: 0 2px 5px rgba(0, 46, 110, 0.2);

        transition: background-color 0.2s ease;
    }

     
        .meu-swall-popup .meu-swall-confirm-btn:hover {
            background-color: var(--cor-sistema-azul-hover);
        }

    
        .meu-swall-popup .meu-swall-confirm-btn:focus {
            box-shadow: 0 0 0 3px rgba(0, 46, 110, 0.3);
            outline: none;
        }


    .meu-swall-popup .meu-swall-icon-wrapper {
        border: 0 !important; 
        padding: 0 !important; 
        margin: 1.25em auto; 
        width: 80px; 
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

 
    .meu-swall-popup .meu-icone-svg {
        width: 100%; 
        height: 100%;
        display: block;

    }

  
        .meu-swall-popup .meu-icone-svg.meu-icone-erro {
            color: #d9534f; 
          
        }

    .meu-swall-popup .meu-swall-input {
        width: 80% !important;
        margin: 20px auto !important;
        padding: 12px 15px;
        font-size: 1em;
        color: var(--cor-sistema-preto);
        background-color: var(--cor-sistema-branco);
        border: 2px solid var(--cor-sistema-cinza-borda);
        border-radius: 8px; 
        outline: none;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
    }

        .meu-swall-popup .meu-swall-input:focus {
            border-color: var(--cor-sistema-azul);
            box-shadow: 0 0 0 3px rgba(0, 46, 110, 0.2);
        }
        .meu-swall-input option {
            padding: 10px;
            font-size: 15px;
        }

.swal2-icon{
    border:0 !important;
}