.widget-card-2025 {
    background: #e0e0e0; /* Cinza claro, neutro e institucional */
    color: #000; /* Fonte preta */
    padding: 14px 20px;
    border-radius: 8px 8px 0 0; /* Cantos arredondados no topo */
    border: 1px solid #ccc; /* Borda discreta */
    border-left: 6px solid #ed3237; /* Faixa vermelha institucional */
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.btn-finalizar2025 {
    background: #ed3237; /* Vermelho institucional */
    color: #fff; /* Texto branco */
    font-size: 1.5rem; /* Maior para mais destaque */
    font-weight: 700; /* Negrito para impacto */
    padding: 14px 32px; /* Mais espaçamento para imponência */
    border: none;
    border-radius: 10px; /* Cantos arredondados modernos */
    cursor: pointer;
    transition: background 0.3s ease, transform 0.1s ease;
    display: inline-block;
    text-align: center;
}

    .btn-finalizar2025:hover {
        background: #c41f24; /* Vermelho mais escuro no hover */
        transform: scale(1.03); /* Efeito sutil de destaque */
    }

    .btn-finalizar2025:active {
        background: #9e1a1e; /* Vermelho profundo quando pressionado */
        transform: scale(0.97);
    }



/* --- CSS ESTRUTURAL PARA O LAYOUT DO FORMULÁRIO --- */
/* Este código foca APENAS no alinhamento e organização dos campos. */
/* A aparência (cores, fontes, bordas) deve vir da sua folha de estilos existente. */

/* Container principal da seção do formulário */
.form-section {
    /* Define uma largura máxima para o formulário e o centraliza na página */
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Título da seção (para garantir espaçamento correto abaixo dele) */
.titulo_serio {
    display: block; /* Garante que o título ocupe a linha toda */
    margin-bottom: 20px;
}

/* --- ESTRUTURA DE LAYOUT COM FLEXBOX --- */

/* Define uma "linha" no formulário que conterá um ou mais campos */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Permite que os campos quebrem para a linha de baixo em telas pequenas */
    gap: 20px; /* Espaço horizontal entre os grupos de campos na mesma linha */
    margin-bottom: 15px; /* Espaço vertical entre as linhas do formulário */
}

/* Define um "grupo" (geralmente um label + seu campo de input) */
.form-group {
    display: flex;
    flex-direction: column; /* Coloca o label acima do campo de input */
    flex: 1; /* Faz com que cada grupo ocupe o espaço disponível igualmente */
    min-width: 200px; /* Largura mínima para evitar que os campos fiquem muito espremidos */
}

    /* Garante um pequeno espaço entre o label e o campo abaixo dele */
    .form-group label, .form-group .asp-label {
        margin-bottom: 5px;
    }

    /* Faz com que os campos de formulário ocupem toda a largura do seu container (.form-group) */
    .form-group .form-control,
    .form-group .dropdown2025 {
        width: 100%;
        box-sizing: border-box; /* Essencial para que o padding e a borda não quebrem o layout */
    }

/* Estrutura para alinhar um checkbox (ou outro item) ao lado de um campo de texto */
.input-with-addon {
    display: flex;
    align-items: center;
    gap: 10px;
}

    /* Dentro do 'input-with-addon', faz o campo de texto ocupar o espaço restante */
    .input-with-addon .form-control {
        flex: 1;
    }

/* Estrutura para alinhar os itens de um RadioButtonList horizontalmente */
.radiobutton {
    display: flex;
    gap: 20px; /* Espaço entre as opções "Masculino" e "Feminino" */
}

/* Container do botão de salvar, para alinhá-lo */
.form-actions {
    text-align: right; /* Alinha o botão à direita */
    margin-top: 25px; /* Espaço acima do botão */
}

/* Estrutura para a nota de texto (aviso da CIN) */
.form-note {
    width: 100%; /* Garante que a nota ocupe a linha inteira */
    flex-basis: 100%; /* Equivalente a width: 100% para itens flex */
}
body {
    text-align: justify;
    font-family: Montserrat;
    font-size: 14px;
}

.auto-style2 {
    height: 10px;
}

p, label {
    font-family: "Montserrat";
    font-size: 14px;
}

.hideTable {
    display: none;
}