/**
 * Portarias — layout estrutural.
 *
 * NÃO altera tipografia nem tamanho de imagens.
 * O breadcrumb permanece na largura original do GovBR.
 */

/* ==========================================================
   Área geral
   ========================================================== */

.progepe-portaria {
	margin-bottom: 2rem;
}


/* ==========================================================
   Container exclusivo da portaria
   ========================================================== */

.progepe-portaria__container {
	box-sizing: border-box;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 860px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: calc(100% - 32px);
}


/* ==========================================================
   Folha
   ========================================================== */

.progepe-portaria__document {
	background: #ffffff;
	border: 2px solid #222222;
	border-radius: 2px;
	box-sizing: border-box;
	margin: 1.5rem auto 0;
	padding: 2rem;
	width: 100%;
}


/* ==========================================================
   Cabeçalho institucional
   ========================================================== */

.progepe-portaria__institutional-header {
	align-items: center;
	display: grid;
	gap: 2rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

.progepe-portaria__institutional-logo {
	align-items: center;
	display: flex;
	justify-content: center;
}

.progepe-portaria__institutional-logo img {
	display: block;
	height: auto;
	margin: 0;
	max-width: 100%;
}

.progepe-portaria__institutional-info {
	text-align: center;
}

.progepe-portaria__institutional-info p {
	margin: 0 0 0.25rem;
}

.progepe-portaria__category {
	margin-top: 0.25rem;
	text-align: center;
}


/* ==========================================================
   Título
   ========================================================== */

.progepe-portaria__heading {
	margin: 3.5rem 0 2.5rem;
	text-align: center;
}

.progepe-portaria__title {
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: center;
	text-transform: uppercase;
}


/* ==========================================================
   Conteúdo
   ========================================================== */

.progepe-portaria__content.entry-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
}


/* ==========================================================
   Assinatura e cargo
   ========================================================== */

.progepe-portaria__signature {
	margin-top: 3rem;
	text-align: center;
}

.progepe-portaria__signature-name,
.progepe-portaria__signature-role {
	text-align: center;
}

.progepe-portaria__signature-role {
	margin-top: 0.25rem;
}


/* ==========================================================
   Área abaixo da folha
   ========================================================== */

/* ==========================================================
   Área abaixo da folha
   ========================================================== */

.progepe-portaria__after-document {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0.75rem auto 0;
	text-align: center;
	width: 100%;
}

/*
 * O WPCode pode inserir DIVs/containers intermediários.
 * Centralizamos também esses wrappers.
 */
.progepe-portaria__after-document > div {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

/*
 * Centraliza o botão independentemente do elemento
 * gerado pelo shortcode.
 */
.progepe-portaria__after-document .br-button,
.progepe-portaria__after-document .wp-block-button,
.progepe-portaria__after-document .wp-block-button__link,
.progepe-portaria__after-document button,
.progepe-portaria__after-document a.button {
	margin-left: auto !important;
	margin-right: auto !important;
}

/*
 * Centraliza também o texto/link de contato.
 */
.progepe-portaria__after-document p {
	text-align: center;
	width: 100%;
}

/* ==========================================================
   Responsividade
   ========================================================== */

@media (max-width: 700px) {

	.progepe-portaria__container {
		width: calc(100% - 24px);
	}

	.progepe-portaria__document {
		padding: 1.25rem;
	}

	.progepe-portaria__institutional-header {
		gap: 1rem;
	}
}

@media (max-width: 480px) {

	.progepe-portaria__institutional-header {
		grid-template-columns: 1fr;
	}

	.progepe-portaria__institutional-logo--brasil {
		grid-row: 1;
	}

	.progepe-portaria__institutional-info {
		grid-row: 2;
	}

	.progepe-portaria__institutional-logo--ufpr {
		grid-row: 3;
	}
}