/**
 * Detalle de oportunidad servido por el plugin (templates/single-oportunidad.php).
 * Solo los agregados propios: el resto del layout lo estila careers.css del theme.
 *
 * Los literales #111 y #b3b3b3 no son tokens sueltos: son los mismos valores que
 * usa careers.css para la tinta de los títulos (--careers-ink) y para los labels
 * del form oscuro. Van tal cual para que la card no se corra de color respecto
 * del resto de la página.
 */

/* __apply-text no existe en careers.css: mismo color que los labels del form
   oscuro original para que se lea sobre la card. */
.agronorte-job-single__apply-text {
	margin: 0;
	font-family: var(--wp--preset--font-family--host-grotesk);
	font-size: 14px;
	line-height: 1.6;
	color: #b3b3b3;
}

/* Beneficios dinámicos: cada grupo es una columna (3 grupos → 3 columnas en
   desktop); en pantallas angostas caen a una, como la grilla original. */
.agronorte-job-single__benefits-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 32px 48px;
}

@media (max-width: 768px) {
	.agronorte-job-single__benefits-list {
		grid-template-columns: 1fr;
	}
}

.agronorte-job-single__benefits-group {
	margin: 0;
	font-family: var(--wp--preset--font-family--titillium);
	font-size: 17px;
	font-weight: 600;
	color: #111;
}

/* El botón se estira al ancho de la card (flex column): contenido centrado.
   Colores invertidos respecto de --dark: fondo amarillo con badge oscuro. */
.agronorte-job-single__form-wrapper .agronorte-home-btn {
	justify-content: center;
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--neutral-900);
}

.agronorte-job-single__form-wrapper .agronorte-home-btn:hover {
	background: var(--wp--preset--color--secondary);
}

.agronorte-job-single__form-wrapper .agronorte-home-btn .agronorte-home-btn__arrow {
	background: var(--wp--preset--color--neutral-900);
}