.mod_mr_cadastroprofissionais1 { background: linear-gradient(to bottom, #CCD5E8 0%, white 100%); }
.mod_mr_cadastroprofissionais1 .cabecalho .breadcrumb { padding: 48px 0; }
.mod_mr_cadastroprofissionais1 .cabecalho h1 { padding: 0; margin: 0; color: #00227F; font-size: 48px; font-weight: 700; }
.mod_mr_cadastroprofissionais1 .cabecalho h2 { padding: 0; margin: 0; color: #962172; font-size: 28px; font-weight: 700; }

.mod_mr_cadastroprofissionais2 .grid_index { display: grid; grid-template-columns: 1fr 1px 1fr; justify-content: stretch; grid-gap: 24px; margin: 24px 0 96px 0; }
.mod_mr_cadastroprofissionais2 .grid_index .coluna_esquerda .header { border-bottom: 1px solid #002F8E; padding-bottom: 6px; margin-bottom: 12px; font-size: 24px; font-weight: 700; color: #962172; }
.mod_mr_cadastroprofissionais2 .grid_index .separador { widtH: 100%; background-color: black; }
.mod_mr_cadastroprofissionais2 .grid_index .coluna_direita { line-height: 150%; color: #002F8E; display: grid; grid-gap: 12px; text-align: justify; }

.mod_mr_cadastroprofissionais3 .grid_index { margin: 24px 0 96px 0; }
.mod_mr_cadastroprofissionais3 h2 { padding: 0; margin-top: 36px 0 12px 0; color: #962172; font-size: 24px; font-weight: 700; }

.grid_fases_cadastro_container { display: flex; justify-content: center; width: 100%; position: relative; margin-bottom: 96px; }
.grid_fases_cadastro_container .grid_fases_cadastro { display: grid; grid-template-columns: repeat(7, 1fr); width: 100%; }
.grid_fases_cadastro_container .grid_fases_cadastro .uma_fase { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 14px; }
.grid_fases_cadastro_container .grid_fases_cadastro .uma_fase .fase_icone { aspect-ratio: 1 / 1; width: 60px; border-radius: 100%; background-position: center; background-repeat: no-repeat; border: 2px solid #00227F; }
.grid_fases_cadastro_container .grid_fases_cadastro .uma_fase .fase_concluida { background-color: #002F8E; background-image: url("concluido.svg"); }
.grid_fases_cadastro_container .grid_fases_cadastro .uma_fase .fase_atual { background-color: #962172; background-image: url("atual.svg"); }
.grid_fases_cadastro_container .grid_fases_cadastro .uma_fase .fase_futura { background-color: #99ACD2; background-image: url("pendente.svg"); }

.grid_fases_cadastro_container .grid_fases_conector { height: 2px; position: absolute; width: 90%; z-index: -1; top: 29px; left: 5%; background-color: #00227F; }

.formfield { display: grid; grid-template-rows: repeat(2, max-content); gap: 6px; margin-bottom: 12px; }
.formfield .label { font-size: 14px; font-weight: 700; display: grid; grid-template-columns: repeat(2, auto); }
.formfield .label .errormsg { color: red; text-align: right; }
.formfield input, .formfield select { height: 40px; width: 100%; border: 1px solid #000; font-size: 18px; box-sizing: border-box; border-radius: 4px; padding: 8px 12px; -moz-appearance: textfield; }
.formfield input.cpa_error { border: 1px solid red; }
.span_6 { grid-column: span 6; }
.span_4 { grid-column: span 4; }
.span_3 { grid-column: span 3; }
.span_2 { grid-column: span 2; }

.grade_form_pessoais_1, .grade_form_pessoais_2, .grade_form_academicos { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0 24px; }

.lista_informacoes { display: flex; flex-direction: column; gap: 12px; margin-top: 36px; }
.lista_informacoes_entrada { display: grid; padding: 12px; grid-gap: 12px; grid-template-columns: max-content 1fr; border: 1px solid #00227F; background-color: #EDF1F7; border-radius: 12px; align-items: center; line-height: 130%; font-size: 14px; }
.lista_informacoes_entrada .entrada_titulo { color: #00227F; font-weight: 700; font-size: 18px; }
.lista_informacoes_entrada .eliminar { aspect-ratio: 1 / 1; width: 46px; display: flex; justify-content: center; align-items: center; background-color: #962172; border-radius: 100%; cursor: pointer; }

.msgErro { flex-direction: column; gap: 12px; background-color: #F9C8C8; padding: 12px; border: 1px solid #800000; border-radius: 12px; margin-top: 24px; }
.msgErro .cabecalho { color: #962172; font-size: 20px; font-weight: 700; }