/**
 * Alineación con el tema GrowBy (Tailwind): tipografía Inter y paleta del sitio.
 * Debe cargarse después de variables.css / oportunity.css / oportunidades-public-layout.css.
 * Ámbito: listado y detalle de oportunidades (contenedor del plugin).
 */

.opt-custom-oportunidades-main,
#oportunity-section {
	font-family: var(--font-sans, "Inter", ui-sans-serif, system-ui, sans-serif);
	-webkit-font-smoothing: antialiased;
	/* Sustituye tokens del plugin (Turimet) por los del tema cuando existan */
	--font-body: var(--font-sans, "Inter", sans-serif);
	--font-heading: var(--font-sans, "Inter", sans-serif);
	--heading-color: var(--color-dark-strong, #03081b);
	--text-color: var(--color-neutral-dark, #2a2f2d);
	--light-color: var(--color-neutral-dark, #2a2f2d);
	--menu-color: var(--color-dark-strong, #03081b);
	--bg1-color: var(--color-white, #fff);
	--bg2-color: var(--color-surface-01, #f6f6f5);
	--bg3-color: var(--color-dark-strong, #03081b);
	--bg4-color: var(--color-dark-strong, #03081b);
	--btn-background: var(--color-primary, #5d55d7);
	--btn-color: var(--color-white, #fff);
	--btn1-background: var(--color-primary, #5d55d7);
	--btn1-color: #fff;
	--tu-primary-1: var(--color-primary, #5d55d7);
	--tu-primary-2: var(--color-secondary, #ffcc00);
	--tu-primary-3: var(--color-dark-strong, #03081b);
	--tu-primary-4: var(--color-light-weak, #ceccf3);
	--tu-primary-5: var(--color-surface-01, #f6f6f5);
	--tu-secondary-1: var(--color-dark-strong, #03081b);
	--tu-secondary-2: var(--color-primary, #5d55d7);
	--tu-secondary-3: var(--color-primary, #5d55d7);
	--tu-secondary-4: var(--color-light-weak, #ceccf3);
	--tu-secondary-5: var(--color-surface-01, #f6f6f5);
	--tu-neutral-1: var(--color-neutral-dark, #2a2f2d);
	--tu-neutral-2: #ffffff;
	--tu-grey-1: var(--color-neutral-dark, #2a2f2d);
	--tu-grey-2: var(--color-dark-weak, #8b8f8e);
	--tu-grey-3: var(--color-light-strong, #c5c7c7);
	--tu-surface-1: var(--color-surface-01, #f6f6f5);
}

/* Estados y acentos que estaban en verde/magenta fijos */
.opt-custom-oportunidades-main .oplist__item[data-postulado="1"] .oplist__main--job a {
	color: var(--color-primary, #5d55d7) !important;
}

.opt-custom-oportunidades-main .account-alert.success {
	background-color: var(--color-primary, #5d55d7);
	color: var(--color-white, #fff);
}

/* Fondos de sección alineados con superficies del tema */
.opt-custom-oportunidades-main .section-2.oportunity-section-2 {
	background-color: var(--color-white, #fff);
}

/* Paginación (estilos inline en la plantilla usaban verde Turimet) */
.opt-custom-oportunidades-main .pagination-bar .page-numbers.current {
	background: var(--color-primary, #5d55d7) !important;
	color: var(--color-white, #fff) !important;
}

.opt-custom-oportunidades-main .pagination-bar .page-numbers:not(.current):hover {
	background: color-mix(in srgb, var(--color-primary, #5d55d7) 14%, var(--color-white, #fff)) !important;
}

.opt-custom-oportunidades-main .pagination-bar .page-numbers {
	background: var(--color-surface-01, #f6f6f5);
	color: var(--color-dark-strong, #03081b) !important;
}

/* Filtros: bordes y texto */
.opt-custom-oportunidades-main .rfilters-form select,
.opt-custom-oportunidades-main .rfilters-form .choices__inner {
	border-color: var(--color-light-strong, #c5c7c7) !important;
	color: var(--color-dark-strong, #03081b) !important;
}

/* Color del placeholder Compartir: no forzar aquí (rompe pills morados en tarjetas); hero/listado lo definen oportunity.css y public-layout */

/* “Volver” del archivo: misma familia que el sitio */
.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link {
	font-family: var(--font-sans, "Inter", sans-serif) !important;
	color: var(--color-dark-strong, #03081b) !important;
}

.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link:hover,
.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link:visited,
.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link:active {
	color: var(--color-dark-strong, #03081b) !important;
}

.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link:focus-visible {
	outline: 2px solid var(--color-primary, #5d55d7);
}

.opt-custom-oportunidades-main .oportunidades-archive-back a.single-blog-back-link svg {
	color: var(--color-dark-strong, #03081b);
}

/* Títulos del bloque de resultados (plantilla con style inline) */
.opt-custom-oportunidades-main .oportunity-archive h3.c-blue {
	color: var(--color-dark-strong, #03081b) !important;
}