.mod-form .area-item {
    padding-bottom: 30px !important;
}

.mod-form label {
    font: normal normal 400 12px/16px Inter !important;
    letter-spacing: 0 !important;
    padding-bottom: 5px !important;
    color: #00166B !important;
}

.mod-form .form-control,
.mod-form .form-select,
.mod-form .form-check-input {
    background: #FFFFFF 0 0 no-repeat padding-box !important;
    border: 1px solid #4D80CF !important;
}

.mod-form .form-control,
.mod-form .form-select {
    font: normal normal 400 12px/16px Inter !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    border-radius: 4px !important;
    padding: 13px 20px !important;
}

.mod-form .form-select {
    appearance: none !important; /* Garante a remoção do estilo padrão do navegador */
    padding-right: 2rem !important; /* Ajusta espaço para o ícone */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234D80CF'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 16px !important;
    padding: 10px 20px !important;
}

.mod-form .form-check-input:checked {
    background-color: #4D80CF !important;
    border-color: #4D80CF !important;
}

.mod-form .form-control:focus,
.mod-form .form-check-input:focus,
.mod-form .form-select:focus {
    box-shadow: none !important; /* Remove a sombra */
    outline: none !important; /* Remove o contorno */
}

.mod-form .mod-area-radio {
    padding-left: 15px !important;
}

.mod-form .mod-input-8 {
    margin-top: 10px !important;
}

.mod-form .btn {
    border: 1px solid #00A85E !important;
    border-radius: 25px !important;
    background-color: #00A85E !important;
}

.tooltip {
    cursor: pointer;
    max-width: 300px;
    width: 300px;
}

.texto-descricao{
    margin-top: -15px;
    margin-left: 10px;
}

.campo-novo {
    margin-top: 10px;
}

.fa.fa-plus-circle {
    cursor: pointer;
}

h2 {
    font-family: 'Intro';
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0;
    color: #00166B;
}

.titulo-campo-custom {
    font-family: 'Intro' !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #00166B !important;
}

.label-campo-custom {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #00166B !important;
}

.form-text.text-muted {
    font-family: 'Intro' !important;
    opacity: .8;
    font-size: .9em;
    color: darkslategray !important;
}

/* Select2 nos campos .select-search. O Select2 esconde o <select> original e desenha o
   seu próprio controle, que não herda o .form-select - estas regras devolvem a ele a
   borda, a fonte e a altura dos demais campos do formulário. */
.mod-form .select2-container {
    width: 100% !important;
}

.mod-form .select2-container--default .select2-selection--single {
    height: auto !important;
    padding: 10px 20px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #4D80CF !important;
    border-radius: 4px !important;
}

.mod-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    font: normal normal 400 12px/16px Inter !important;
    color: #000000 !important;
}

.mod-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d !important;
}

.mod-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
}

/* O dropdown é anexado ao <body>, fora de .mod-form: escopar pelo container do Select2. */
.select2-container--default .select2-dropdown {
    border-color: #4D80CF !important;
    border-radius: 4px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #4D80CF !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font: normal normal 400 12px/16px Inter !important;
}

.select2-container--default .select2-results__option {
    font: normal normal 400 12px/16px Inter !important;
    color: #000000 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4D80CF !important;
}

/* Pergunta exibida em tamanho de título. Continua sendo o <label> do campo - só recebe
   a tipografia dos cabeçalhos de seção, para ganhar o mesmo destaque. */
.mod-form label.pergunta-titulo {
    display: block !important;
    font: normal normal 400 28px/35px 'Intro' !important;
    letter-spacing: 0 !important;
    color: #00166B !important;
    padding-bottom: 10px !important;
}
