.mfpc {
	--mf-azul: #061224;
	--mf-dourado: #C9A44C;
	--mf-cobre: #B8743E;
	--mf-texto: #1d2430;
	--mf-suave: #5d6675;
	--mf-linha: #e4e0d6;
	--mf-fundo: #faf8f3;
	max-width: 792px;
	margin: 0 auto;
	padding: 136px 16px 72px; /* o cabeçalho do site fica fixo por cima do conteúdo */
	color: var(--mf-texto);
	font-size: 16px;
	line-height: 1.55;
}
.mfpc *, .mfpc *::before, .mfpc *::after { box-sizing: border-box; }
.mfpc .mfpc-h { font-family: "PT Serif", Georgia, serif; color: var(--mf-azul); font-size: 28px; margin: 0 0 4px; }
.mfpc .mfpc-sub { color: var(--mf-suave); margin: 0 0 24px; }

/* Login */
.mfpc-login { max-width: 400px; margin: 24px auto; padding: 32px 28px; background: #fff; border: 1px solid var(--mf-linha); border-top: 4px solid var(--mf-dourado); border-radius: 6px; }
.mfpc-login form p { margin: 0 0 14px; }
.mfpc-login label { display: block; font-size: 14px; color: var(--mf-suave); margin-bottom: 4px; }
.mfpc-login input[type="text"], .mfpc-login input[type="password"] { width: 100%; padding: 10px 12px; border: 1px solid #cfcabe; border-radius: 4px; font-size: 16px; }
.mfpc-login .login-remember label { display: inline; }
.mfpc-login input[type="submit"] { width: 100%; padding: 12px; background: var(--mf-azul); color: #fff; border: 0; border-radius: 4px; font-size: 16px; cursor: pointer; }
.mfpc-login input[type="submit"]:hover { background: #0d2240; }
.mfpc-esqueci { text-align: center; font-size: 14px; margin: 8px 0 0; }
.mfpc-esqueci a { color: var(--mf-suave); }
.mfpc-erro { background: #fbeaea; color: #8a1f1f; padding: 8px 12px; border-radius: 4px; font-size: 14px; }

/* Área logada */
.mfpc-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.mfpc-sair { font-size: 14px; color: var(--mf-suave); white-space: nowrap; padding-top: 10px; }
.mfpc-aviso { background: var(--mf-fundo); border-left: 3px solid var(--mf-dourado); padding: 12px 16px; }

.mfpc-caso { background: #fff; border: 1px solid var(--mf-linha); border-radius: 6px; padding: 22px 24px; margin: 0 0 22px; }
.mfpc-caso-cab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mfpc-caso h3 { font-family: "PT Serif", Georgia, serif; color: var(--mf-azul); font-size: 21px; margin: 0; }
.mfpc-selo { background: var(--mf-dourado); color: var(--mf-azul); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; }
.mfpc-meta { color: var(--mf-suave); font-size: 14px; margin: 4px 0 16px; overflow-wrap: anywhere; }

.mfpc-rotulo { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mf-cobre); margin-bottom: 8px; }
.mfpc-rotulo-obs { font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--mf-suave); }
.mfpc-pubs { margin-bottom: 18px; }
.mfpc-andamentos { border-top: 1px solid var(--mf-linha); padding-top: 16px; }
.mfpc-nota { background: var(--mf-fundo); border-left: 3px solid var(--mf-dourado); padding: 14px 16px; margin-bottom: 18px; }
.mfpc-nota p { margin: 0 0 8px; }
.mfpc-data { font-size: 13px; color: var(--mf-suave); margin-top: 6px; }
.mfpc-vazio { color: var(--mf-suave); font-style: italic; margin: 0; }

.mfpc-lista { list-style: none; margin: 0; padding: 0; }
.mfpc-lista li { position: relative; padding: 0 0 16px 18px; border-left: 2px solid var(--mf-linha); margin-left: 4px; }
.mfpc-lista li::before { content: ""; position: absolute; left: -6px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--mf-dourado); }
.mfpc-lista li:last-child { padding-bottom: 4px; }
.mfpc-quando { font-size: 13px; color: var(--mf-suave); margin-right: 8px; }
.mfpc-tag { font-weight: 700; color: var(--mf-azul); }
.mfpc-lista p { margin: 2px 0; }
.mfpc-lista small { color: #8a909b; font-size: 12px; }

.mfpc-todos { margin-top: 10px; font-size: 14px; }
.mfpc-todos summary { cursor: pointer; color: var(--mf-suave); }
.mfpc-todos ul { margin: 10px 0 0; padding-left: 18px; max-height: 320px; overflow: auto; }
.mfpc-todos li { margin-bottom: 4px; }

.mfpc-rodape { font-size: 13px; color: var(--mf-suave); border-top: 1px solid var(--mf-linha); padding-top: 14px; }

@media (max-width: 560px) {
	.mfpc { padding-top: 112px; }
	.mfpc .mfpc-h { font-size: 23px; }
	.mfpc-caso { padding: 18px 16px; }
	.mfpc-login { padding: 24px 18px; }
}

/* ---------- v0.4: leitura para leigos ---------- */
.mfpc-previa { background: #fff6e0; border: 1px solid #e7c873; padding: 10px 14px; border-radius: 4px; font-size: 14px; }
.mfpc-previa-lista { margin: 8px 0 0; padding-left: 18px; }
.mfpc-indice { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; margin: 0 0 20px; font-size: 14px; }
.mfpc-indice span { color: var(--mf-suave); }
.mfpc-indice a { color: var(--mf-azul); }

.mfpc-fase { margin: 14px 0 18px; }
.mfpc-trilha { list-style: none; display: flex; margin: 6px 0 12px; padding: 0; counter-reset: f; }
.mfpc-trilha li { flex: 1; position: relative; text-align: center; font-size: 13px; color: #9aa0aa; }
.mfpc-trilha li::before { content: ""; position: absolute; top: 9px; left: -50%; width: 100%; height: 3px; background: var(--mf-linha); z-index: 0; }
.mfpc-trilha li:first-child::before { display: none; }
.mfpc-trilha li.feito::before, .mfpc-trilha li.atual::before { background: var(--mf-dourado); }
.mfpc-ponto { position: relative; z-index: 1; display: block; width: 20px; height: 20px; margin: 0 auto 6px; border-radius: 50%; background: #fff; border: 3px solid var(--mf-linha); box-sizing: border-box; }
.mfpc-trilha li.feito .mfpc-ponto { background: var(--mf-dourado); border-color: var(--mf-dourado); }
.mfpc-trilha li.atual .mfpc-ponto { background: var(--mf-azul); border-color: var(--mf-dourado); width: 24px; height: 24px; margin-top: -2px; }
.mfpc-trilha li.feito, .mfpc-trilha li.atual { color: var(--mf-azul); }
.mfpc-trilha li.atual { font-weight: 700; }
.mfpc-fase-titulo { font-family: "PT Serif", Georgia, serif; font-size: 18px; color: var(--mf-azul); margin: 0 0 4px; }
.mfpc-fase-texto { margin: 0; color: var(--mf-texto); }

.mfpc-acao { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; background: #eef6ee; border: 1px solid #cfe3cf; border-radius: 4px; padding: 12px 14px; margin: 0 0 18px; }
.mfpc-acao.tem { background: #fff6e0; border-color: #e7c873; }
.mfpc-acao-rotulo { font-weight: 700; color: var(--mf-azul); }

.mfpc-tecnico { margin-top: 14px; border-top: 1px solid var(--mf-linha); padding-top: 12px; font-size: 14px; }
.mfpc-tecnico summary { cursor: pointer; color: var(--mf-suave); }
.mfpc-tecnico ul { margin: 6px 0 10px; padding-left: 18px; max-height: 320px; overflow: auto; }
.mfpc-tecnico li { margin-bottom: 4px; }
.mfpc-tecnico em { color: var(--mf-suave); }
.mfpc-sub-rotulo { font-weight: 700; margin: 12px 0 4px; color: var(--mf-azul); }

.mfpc-duvidas { background: #fff; border: 1px solid var(--mf-linha); border-radius: 6px; padding: 18px 24px; margin: 8px 0 22px; }
.mfpc-duvidas h3 { font-family: "PT Serif", Georgia, serif; color: var(--mf-azul); font-size: 20px; margin: 0 0 8px; }
.mfpc-duvidas details { border-top: 1px solid var(--mf-linha); padding: 10px 0; }
.mfpc-duvidas summary { cursor: pointer; font-weight: 600; color: var(--mf-azul); }
.mfpc-duvidas p { margin: 8px 0 0; }

@media (max-width: 560px) {
	.mfpc-trilha li { font-size: 11px; }
	.mfpc-duvidas { padding: 16px; }
}