/*Colores global e Imagenes 
 *Para ver más detalles entrar aquí: https://docs.google.com/document/d/1gnvgM1goiPhXeE7YRq3Rpx3ILEAdHXtbjd-tsAFd4sw/edit?tab=t.0
*/
:root {
	/*Colores*/
	--colorPrincipal: #060631;
	--colorSecundario: #000080;
	--colorSecundarioOscuro: #000080;
	--colorSecundarioClaro: #e9e9f1;
	--colorTitulos: #3e3e3c;
	--colorTextos: #595959;
	--colorFondo: #ffffff;
	--colorFondoCv: #f1f1f1;
	--colorColumna: #dddcdc;
	--colorFondoFooter: #fcfcfd;

	/*Fondo LandingPage*/
	--fondoLanding: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/landing.webp);

	/*Logo Header*/
	--logoHeader: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/logo.webp);

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

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

	/*Fondo Pagina Interna Pabellones*/
	--fondoPagePabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/bg-pb-1.webp);
	--fondoPagePabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/bg-pb-2.webp);
}
/*** GLOBAL ***/
.btn.btn-sm.btn-outline-primary {
	padding: 8px 26px !important;
}
/*** LANDING PAGE ***/
.footer.customFooter.espacioTop {
	width: 100%;
}
/*Header*/
.btn.btn-principal,
.btn.btn-primary-blue,
.btn.btn-quinary-blue,
.btn.primary-btn.blue {
	border: white 1px solid !important;
}
#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;
	display: flex;
	justify-content: center;
}
.headerBox .d-flex.justify-content-center {
	justify-content: start !important;
	width: 80%;
	margin-top: 1rem;
}
.shadowTop.bg-empresas.overflow-visible .pt-5 {
	padding-bottom: 3rem !important;
}
/*Centrar contenido (reloj, titulo, texto)*/
#nuxt-padre.claseID_landingInicio
	.landingContent
	> div[data-v-e09c9021]:first-of-type,
#nuxt-padre.claseID_landingFin
	.landingContent
	> div[data-v-e09c9021]:first-of-type {
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	justify-content: center;
	width: 80%;
}
#nuxt-padre.claseID_landingInicio .infoFeria,
#nuxt-padre.claseID_landingFin .infoFeria {
	text-align: start !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
	max-width: 500px;
}
#nuxt-padre.claseID_landingInicio h1.fw-bold.mb-4,
#nuxt-padre.claseID_landingFin h1.fw-bold.mb-4 {
	font-size: 3rem;
	text-shadow: 1px 2px 9px #00000075;
}
.infoFeria h2[data-v-e09c9021],
.infoFeria h3[data-v-e09c9021] {
	font-weight: 400 !important;
	font-size: 1.5rem !important;
}
/*Editar reloj*/
#nuxt-padre.claseID_landingInicio .circle[data-v-e09c9021] {
	background-color: #ffffff00;
	width: 100px;
}
#nuxt-padre.claseID_landingInicio .countdown.mb-4.mb-md-5 {
	gap: 0;
	background: #0000004a;
	padding: 0rem 1rem;
	backdrop-filter: blur(10px);
	border-radius: 10px;
	overflow: hidden;
}
#nuxt-padre.claseID_landingInicio .circle[data-v-e09c9021]:before {
	display: none !important;
}
#nuxt-padre.claseID_landingInicio .time[data-v-e09c9021] {
	font-size: 2.3rem !important;
}

/*Cambiar logo header*/
#nuxt-padre.claseID_landingInicio .headerBox img,
#nuxt-padre.claseID_landingFin .headerBox img {
	display: none !important;
}
#nuxt-padre.claseID_landingInicio .headerBox .my-1 a::before,
#nuxt-padre.claseID_landingFin .headerBox .my-1 a::before {
	content: '';
	background-image: var(--logoHeader) !important;
	width: 217px;
	height: 56px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*Cambiar Fondo landingpage*/
#nuxt-padre.claseID_landingInicio .landingContent,
#nuxt-padre.claseID_landingFin .landingContent {
	background-image: var(--fondoLanding) !important;
	background-size: cover !important;
	background-position: bottom left !important;
	min-height: 100vh;
}
@media (min-width: 768px) {
	#nuxt-padre.claseID_landingInicio .landingContent::before,
	#nuxt-padre.claseID_landingFin .landingContent::before {
		content: '';
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/titulo.webp);
		position: absolute;
		max-width: 26vw;
		top: 0;
		right: 58px;
		width: 440px;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		margin: auto 0;
		background-position: center;
	}
	#bannerHome.bannerImgV2::before {
		content: '';
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/ferialaboralvirtualiplacex2026_trabajando_cl/titulo.webp);
		position: absolute;
		max-width: 14vw;
		top: 0;
		right: 58px;
		width: 440px;
		height: 90%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}
@media (max-width: 768px) {
	#nuxt-padre.claseID_landingInicio .landingContent,
	#nuxt-padre.claseID_landingFin .landingContent {
		min-height: 66vh;
	}
	#nuxt-padre.claseID_landingInicio h1.fw-bold.mb-4,
	#nuxt-padre.claseID_landingFin h1.fw-bold.mb-4 {
		font-size: 2rem;
	}
}

/*** 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: 200px;
	height: 45px;
	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;
}

@media (min-width: 768px) {
	header .btn.btn-secundario,
	header .btn.secondary-btn {
		background-color: transparent !important;
		border: 1px solid #fff !important;
		color: #fff !important;
	}
}
/*HEADER FIN*/
/*MODAL*/
#novedadesModal .card {
	padding: 0;
	border: none;
	border-radius: 8px;
	overflow: hidden;
}
#novedadesModal img.img-fluid {
	object-fit: cover;
	height: 100%;
}
#novedadesModal {
	color: #4d4d4d;
	text-align: left;
}
#novedadesModal .btn-close-container {
	background-color: var(--colorSecundario);
	border-radius: 5rem;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#novedadesModal .btn-close {
	color: white !important;
	opacity: 1;
	filter: invert(1);
	max-width: 5px !important;
	max-height: 5px;
	background-size: contain !important;
}
#novedadesModal .modal-body {
	padding: 2rem;
}
#novedadesModal h3 {
	font-size: 1.5rem;
	font-weight: 900;
}
#novedadesModal .contenido-novedades {
	min-height: 215px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#novedadesModal .modal.show .modal-dialog {
	margin-top: 7vh;
}
#novedadesModal .btn-novedad {
	background-color: var(--colorSecundario);
	color: white;
	position: relative;
	padding-right: 2.7rem;
}
#novedadesModal .btn-novedad::after {
	content: '';
	position: absolute;
	background-image: url(https://repo-diseno.s3.amazonaws.com/Iconos+RRSS/icon-mano.svg);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left center;
	display: block;
	width: 24px;
	height: 22px;
	right: 11px;
}

/*MODAL FIN*/

/*BANNER PRINCIPAL*/
.card-img-top {
	height: auto !important;
	object-fit: contain !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: 60vh;
}
.fondoBuscadorV2.pb-3 {
	padding-bottom: 7rem !important;
}

.fondoBuscadorV2 .row.justify-content-md-center {
	justify-content: start !important;
	text-align: start;
	padding: 1rem 20px 0px 20px;
}
.fondoBuscadorV2 #search {
	margin-bottom: 9px;
}
.fondoBuscadorV2 .main-title.text-center.mb-4.color-texto-blanco.sombra-texto {
	text-align: start !important;
}
.fondoBuscadorV2
	.botonesFeria.d-flex.flex-column.flex-md-row.justify-content-center.align-items-center.gap-3.mt-4.mb-3 {
	padding: 0 28px;
	margin: 0 !important;
	justify-content: start !important;
}
.botonesFeria a.btn.btn-secundario {
	text-wrap: nowrap;
}
/*Texto*/
.claseID_homepage .seccionHome h2.main-title {
	font-size: clamp(2rem, 6vh, 3rem);
	margin-bottom: 0 !important;
}
.claseID_homepage .seccionHome h3.main-title {
	margin: 0 !important;
}
/*Botones*/
.claseID_homepage .seccionHome .botonesFeria a {
	background-color: #00000063 !important;
}
.claseID_homepage .seccionHome .botonesFeria a:nth-child(2) {
	color: #0077c800 !important;
	position: relative;
	width: 300px;
}
.claseID_homepage .seccionHome .botonesFeria a:nth-child(2)::before {
	position: absolute;
	content: 'Información del Evento';
	color: white;
	background-image: url('https://repo-diseno.s3.amazonaws.com/Iconos+RRSS/calendar-days.svg');
	background-repeat: no-repeat;
	background-size: 15px 20px;
	background-position: left center;
	padding-left: 28px;
}
.botonesFeria .btn i,
.botonesFeria .btn {
	text-shadow: none !important;
}

/*BANNER PRINCIPAL FIN*/

/*Editar Banner Publicitario*/
.shadowTop .bannerItem img {
	object-fit: none;
}
#nuxt-padre.claseID_homepage .visible.bannerItem {
	box-shadow: 1px 1px 8px #00000040;
	border-radius: 10px;
	overflow: hidden;
	height: unset;
	width: unset;
}
.bannerContainer {
	min-height: 260px !important;
}
#bannerHome.bannerImgV2 {
	background-position: bottom !important;
}
/*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);
}
#nuxt-padre.claseID_homepage .fondoPabellon-3.pabellonItem {
	background-image: var(--fondoCardPabellon3);
}
#nuxt-padre.claseID_homepage .fondoPabellon-4.pabellonItem {
	background-image: var(--fondoCardPabellon1);
}
/*Editar Card Pabellones*/
#nuxt-padre.claseID_homepage .pabellonItem {
	background-size: cover;
	background-position: center;
}
/*Centrar pabellones*/
#nuxt-padre.claseID_homepage .pabellones .row.g-3.mt-3.mb-5 {
	justify-content: center !important;
}
/*Botones pabellones*/
#nuxt-padre.claseID_homepage .pabellonItem .boxFooter.mt-5.w-100 {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}
/*Titulo pabellones*/
#nuxt-padre.claseID_homepage .pabellonItem h3[data-v-d040cdf6] {
	font-size: 1.27rem !important;
	margin: 0 !important;
}
#nuxt-padre.claseID_homepage .boxFooter.mt-5.w-100 {
	margin-top: 10px !important;
}
#nuxt-padre.claseID_homepage .boxTitle.w-100 {
	display: none !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;
}
#nuxt-padre.claseID_homepage .boxPabellon.col-md-6 {
	max-width: 560px;
}
/*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: cover;
}

/*Mediaqueria Mobil 768px*/
@media (max-width: 768px) {
	/*Fondo banner principal Mobil*/
	#nuxt-padre.claseID_homepage #bannerHome.bannerImgV2 {
		background-image: var(--bannerPrincipalMobil);
	}
}