/**
 * Página de búsqueda cerrada. Solo los agregados propios de esta vista: el resto
 * del layout (agronorte-job-single, agronorte-job-card) lo estila el theme.
 */

.agronorte-job-closed .agronorte-job-single__header {
	max-width: 720px;
}

/* El header del theme es un contenedor flex en columna: sin esto la píldora
   se estira a todo el ancho en vez de ajustarse al texto. */
.agronorte-job-closed__eyebrow {
	align-self: flex-start;
	width: fit-content;
	display: inline-block;
	margin: 0 0 12px;
	padding: 6px 14px;
	border-radius: var(--wp--custom--border-radius--small);
	background: var(--wp--preset--color--neutral-200);
	color: var(--wp--preset--color--neutral-700);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.agronorte-job-closed__text {
	margin: 0 0 12px;
	color: var(--wp--preset--color--neutral-600);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
}

.agronorte-job-closed__text strong {
	color: var(--wp--preset--color--neutral-900);
}

/* El bloque de relacionadas del theme lleva 80px arriba y abajo porque cierra
   una ficha larga. Acá va casi pegado al encabezado y seguido del botón, así que
   se recorta el aire de los dos lados. */
.agronorte-job-closed .agronorte-job-single__related {
	padding: 48px 0 32px;
}

@media (max-width: 782px) {
	.agronorte-job-closed .agronorte-job-single__related {
		padding: 32px 0 24px;
	}
}