/*Colores global e Imagenes 
 *Para ver más detalles entrar aquí: https://docs.google.com/document/d/1gnvgM1goiPhXeE7YRq3Rpx3ILEAdHXtbjd-tsAFd4sw/edit?tab=t.0
*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root {
	/*Colores*/
	--colorPrincipal: #ffffff;
	--colorSecundario: #3d3d3d;
	--colorSecundarioOscuro: #f8f1db;
	--colorSecundarioClaro: #f8f1db;
	--colorTitulos: #3d3d3d;
	--colorTextos: #3d3d3d;
	--colorFondo: #ffffff;
	--colorFondoCv: #f1f1f1;
	--colorColumna: #dddcdc;
	--colorFondoFooter: #fcfcfd;

	/*Fondo LandingPage*/
	--fondoLanding: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/trazo-fondo-landing.png);
	--iconoTitulo: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/titulo_before.webp);
	--tituloImagen: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/titulo-completo.webp)
		/*Logo Header*/
		--logoHeader:
		url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/logo-extendido.webp);

	/*Banner principal Mobil*/
	--bannerPrincipalMobil: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/banner-principal.jpg);

	/*Fondo Card Pabellones*/
	--fondoCardPabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/pb1.webp);
	--fondoCardPabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/pb2.webp);

	/*Fondo Pagina Interna Pabellones*/
	--fondoPagePabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/pb_bg1.webp);
	--fondoPagePabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/pb_bg2.webp);
}
/*** GLOBAL ***/
.btn.btn-sm.btn-outline-primary {
	padding: 8px 26px !important;
}
/*** LANDING PAGE ***/
.footer.customFooter.espacioTop {
	width: 100%;
}
/*Header*/
#nuxt-padre.claseID_landingInicio .headerBox,
#nuxt-padre.claseID_landingFin .headerBox {
	position: absolute;
	top: 0;
	width: 100%;
}
#nuxt-padre.claseID_landingInicio .headerBox .color-principal,
#nuxt-padre.claseID_landingFin .headerBox .color-principal {
	background-color: #ffffff00 !important;
}
.shadowTop.bg-empresas.overflow-visible .pt-5 {
	padding-bottom: 3rem !important;
}
/*Texto*/
#nuxt-padre.claseID_landingInicio .infoFeria,
#nuxt-padre.claseID_landingFin .infoFeria {
	color: var(--colorTitulos) !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#nuxt-padre.claseID_landingInicio .infoFeria h1,
#nuxt-padre.claseID_landingFin .infoFeria h1 {
	display: none !important;
	/* font-size: clamp(2.3rem, 5vw, 4rem) !important;
	color: var(--colorTitulos) !important;
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-weight: 900 !important;
	max-width: 500px; */
}
#nuxt-padre.claseID_landingInicio .infoFeria h2,
#nuxt-padre.claseID_landingInicio .infoFeria h3,
#nuxt-padre.claseID_landingInicio .infoFeria h4 {
	color: var(--colorTitulos) !important;
}
#nuxt-padre.claseID_landingInicio .infoFeria::before,
#nuxt-padre.claseID_landingFin .infoFeria::before {
	content: '';
	background-image: var(--tituloImagen);
	width: 500px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	margin-top: 10px;
}
@media (max-width: 767px) {
	#nuxt-padre.claseID_landingInicio .infoFeria::before,
	#nuxt-padre.claseID_landingFin .infoFeria::before {
		width: 300px;
		height: 200px;
	}
}
/*Reloj*/
#nuxt-padre.claseID_landingInicio .circle,
#nuxt-padre.claseID_landingFin .circle {
	background-color: #3d3d3d !important;
}
/*Cambiar logo header*/
#nuxt-padre.claseID_landingInicio .header-logo,
#nuxt-padre.claseID_landingFin .header-logo {
	display: none !important;
}
/*Cambiar Fondo landingpage*/
#nuxt-padre.claseID_landingInicio .landingContent,
#nuxt-padre.claseID_landingFin .landingContent {
	background-image: var(--fondoLanding) !important;
	background-size: cover !important;
	background-position: top !important;
	background-color: var(--colorSecundarioClaro) !important;
	min-height: 90vh;
}

/*** FV ABIERTA INICIO ***/
/*HEADER*/
header.header-comunidad a.d-block.w-100.tag-manager-ir-home::before,
.claseID_registro div[data-v-126426a1] .my-1 a::before {
	content: '';
	background-image: var(--logoHeader);
	width: 353px;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

header.header-comunidad a.d-block.w-100.tag-manager-ir-home img,
.claseID_registro div[data-v-126426a1] a img {
	display: none !important;
}
/*HEADER FIN*/

/*BANNER PRINCIPAL*/

.primary-home .main-title,
.fechasFeria h3.main-title {
	color: var(--colorTitulos) !important;
}
.primary-home h2.main-title {
	display: none;
	/* font-size: 4.25rem !important;
	max-width: 500px; */
}
.primary-home h2.main-title::after {
	content: '';
	background-image: var(--iconoTitulo);
	width: auto;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	margin-top: 10px;
}
.bannerBuscadorHomeFeria h2,
.bannerBuscadorHomeFeria p,
.bannerBuscadorHomeFeria h1,
.bannerBuscadorHomeFeria h3 {
	color: var(--colorTitulos) !important;
	text-shadow: unset;
}
.botonesFeria .btn.btn-secundario {
	background-color: var(--colorSecundario) !important;
}
.botonesFeria .btn {
	height: auto !important;
	padding: 10px 24px !important;
}
.bannerBuscadorHomeFeria .primary-home .home-search {
	height: 49px !important;
	padding: 0 !important;
}
.primary-home .home-search .advanced {
	background: #efead3 !important;
}
.bannerBuscadorHomeFeria {
	margin-top: 0;
}
.primary-home {
	padding: 0 !important;
}
.primary-home {
	position: relative;
}
.w-100 {
	width: 100% !important;
}
.position-relative {
	position: relative !important;
}
.d-flex {
	display: flex !important
;
}
.bannerBuscadorHomeFeria {
	margin-top: 0;
}
.primary-home {
	position: relative;
	padding: 0 !important;
	min-height: 70vh;
}
.fechasFeria.col-md-auto::before {
	content: '';
	width: 100%;
	height: 276px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	margin-top: 10px;
	background: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/titulo-completo.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media (min-width: 767px) {
	#bannerHome.bannerImgV2 {
		background-position: top right !important;
	}
}

/*BANNER PRINCIPAL FIN*/

/*Fondo Card Pabellones*/
#nuxt-padre.claseID_homepage .fondoPabellon-1.pabellonItem {
	background-image: var(--fondoCardPabellon1);
}
#nuxt-padre.claseID_homepage .fondoPabellon-2.pabellonItem {
	background-image: var(--fondoCardPabellon2);
}
.boxFooter.mt-5.w-100 {
	display: unset !important;
}
/*Botones pabellones*/
.boxFooter .btnPabello {
	background-color: var(--colorSecundario) !important;
}
/*banner publicidad*/
.bannerItem img {
	height: 84px !important;
	max-width: 250px !important;
	object-fit: cover !important;
}
.bannerContainer {
	min-height: 120px !important;
	position: relative;
}
.bannerContainer:nth-child(1),
.bannerContainer:nth-child(2) {
	border-right: 1px solid #0000003b;
}
/*Titulo pabellones*/
#nuxt-padre.claseID_homepage .boxTitle {
	color: var(--colorTitulos) !important;
}
#nuxt-padre.claseID_homepage .pabellonItem h3 {
	color: var(--colorTitulos) !important;
}
/* Animación de aparición de abajo hacia arriba para las cajas de pabellón */
@keyframes aparecerArriba {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#nuxt-padre.claseID_homepage .pabellonItem {
	opacity: 0;
	animation: aparecerArriba 3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
	padding-bottom: 15px;
}

/* Opcional: retraso para cada caja si quieres efecto tipo cascada */
#nuxt-padre.claseID_homepage .fondoPabellon-1.pabellonItem {
	animation-delay: 1s;
}
#nuxt-padre.claseID_homepage .fondoPabellon-2.pabellonItem {
	animation-delay: 1.5s;
}
#nuxt-padre.claseID_homepage .fondoPabellon-3.pabellonItem {
	animation-delay: 2s;
}
#nuxt-padre.claseID_homepage .fondoPabellon-4.pabellonItem {
	animation-delay: 2.5s;
}
/*Pabellones en 4 filas*/
/* @media (min-width: 768px) {
	#nuxt-padre.claseID_homepage .boxPabellon.col-md-6 {
		flex: 0 0 auto;
		width: 25% !important;
	}
} */
/*Borrar cajas vacias de eventos*/
/* .cardNoticia.card.h-100.d-none.d-md-flex {
	display: none !important;
} */
/*Fondo Pagina Interna Pabellones*/
#nuxt-padre .fondoPabellon-1 {
	background-image: var(--fondoPagePabellon1);
}
#nuxt-padre .fondoPabellon-2 {
	background-image: var(--fondoPagePabellon2);
}
#nuxt-padre .fondoPabellon-3 {
	background-image: var(--fondoPagePabellon3);
}
/*Editar fondo pagina interna pabellon*/
#nuxt-padre .subHeaderPabellon {
	background-position: top right;
	height: 100%;
	background-size: contain;
	min-height: 180px;
	background-repeat: no-repeat;
	background-color: #f8f3df;
}

.subHeaderPabellon h1,
.subHeaderPabellon h2,
.topBarPabellon a,
.subHeaderPabellon p {
	color: var(--colorTitulos) !important;
}

#nuxt-padre.claseID_homepage .btnPabellon a {
	background-color: var(--colorSecundario) !important;
}
.boxVacantes {
	color: var(--colorTitulos) !important;
}
.fw-bold {
	color: var(--colorSecundario) !important;
}
#nuxt-padre.claseID_homepage .boxFooter.mt-5.w-100 {
	margin-top: 33px !important;
}

.btn.btn-principal.invalido {
	color: #3d3d3d !important;
}
@media (max-width: 767px) {
	header.header-comunidad a.d-block.w-100.tag-manager-ir-home::before,
	.claseID_registro div[data-v-126426a1] .my-1 a::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralutem2026_trabajando_cl/utem-logo-mobil.webp) !important;
		width: 180px;
		height: 50px;
	}
	#bannerHome.bannerImgV2 {
		background-position: 30% !important;
	}
	.primary-home h2.main-title {
		font-size: 3rem !important;
	}
	.pabellonItem h3 {
		font-size: 1.2rem !important;
	}
	#nuxt-padre.claseID_homepage .fondoPabellon-1.pabellonItem {
		background-position-x: -150px !important;
	}
	#nuxt-padre.claseID_homepage .fondoPabellon-2.pabellonItem {
		background-position-x: -109px !important;
		background-position-y: -7px !important;
		background-repeat: no-repeat;
		background-color: #f8f1db;
	}
	#nuxt-padre.claseID_homepage .boxFooter.mt-5.w-100 {
		margin-top: 10px !important;
	}
	#nuxt-padre .fondoPabellon-1 {
		background-image: var(--fondoPagePabellon1);
		background-size: cover !important;
		background-position: -470px 0px !important;
	}
	#nuxt-padre .fondoPabellon-2 {
		background-image: var(--fondoPagePabellon2);
		background-size: cover !important;
		background-position: -447px 0px !important;
	}
}

/* Alinear banner inferiores */
.row.justify-content-center.xg-2.mb-3 {
	background-color: #f8f2dc;
}
.bannerContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.bannerItem {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.bannerItem a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

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

/* Responsive */
.bannerContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.bannerItem {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.bannerItem a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

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

/* Responsive */
@media (max-width: 768px) {
	.bannerContainer {
		margin-bottom: 20px;
	}

	.bannerItem img {
		width: 100%;
		max-width: 350px; /* ajusta según necesidad */
	}
}