/*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: #ffffff;
	--colorSecundario: #0077c8;
	--colorSecundarioOscuro: #fe5ab8;
	--colorSecundarioClaro: #9cc0d9;
	--colorTitulos: #3e3e3c;
	--colorTextos: #595959;
	--colorFondo: #ffffff;
	--colorFondoCv: #f1f1f1;
	--colorColumna: #dddcdc;
	--colorFondoFooter: #fcfcfd;

	/*Fondo LandingPage*/
	--fondoLanding: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/landingpage.png);
	--fondoLandingMobil: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/landingpage-mobil.png);

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

	/*Banner principal Mobil*/
	--bannerPrincipalMobil: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/landingpage-mobil.png);

	/*Fondo Card Pabellones*/
	--fondoCardPabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-1.png);
	--fondoCardPabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-2.png);
	--fondoCardPabellon3: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-3.png);
	--fondoCardPabellon4: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-4.png);

	/*Fondo Card Pabellones Mobil*/
	/* --fondoCardPabellonMobil1: url(https://repo-diseno.s3.amazonaws.com/comunidad/demoferia2025_trabajando_cl/bn-card-pb-1.jpg);
	--fondoCardPabellonMobil2: url(https://repo-diseno.s3.amazonaws.com/comunidad/demoferia2025_trabajando_cl/bn-card-pb-2.jpg);
	--fondoCardPabellonMobil3: url(https://repo-diseno.s3.amazonaws.com/comunidad/demoferia2025_trabajando_cl/bn-card-pb-3.jpg); */

	/*Fondo Pagina Interna Pabellones*/
	--fondoPagePabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-page-1.png);
	--fondoPagePabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-page-2.png);
	--fondoPagePabellon3: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-page-3.png);
	--fondoPagePabellon4: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/bn-pb-page-4.png);
}
/*** 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 {
	display: none !important;
}
.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: center !important;
	justify-content: center;
	width: 80%;
}
/*Color reloj*/
#nuxt-padre.claseID_landingInicio .circle[data-v-e09c9021]:before {
	background: conic-gradient(
		var(--colorSecundario) var(--progress, 0),
		transparent 0
	) !important;
}
#nuxt-padre.claseID_landingInicio .circle[data-v-e09c9021] {
	background-color: #0077c863;
}
#nuxt-padre.claseID_landingInicio .infoFeria,
#nuxt-padre.claseID_landingFin .infoFeria {
	text-align: center !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#nuxt-padre.claseID_landingInicio h1.fw-bold.mb-4,
#nuxt-padre.claseID_landingFin h1.fw-bold.mb-4 {
	font-size: 3rem;
}
.infoFeria h2[data-v-e09c9021],
.infoFeria h3[data-v-e09c9021] {
	font-size: 1.5rem !important;
}

/*Cambiar logo header*/
#nuxt-padre.claseID_landingInicio h1 {
	display: none !important;
}
#nuxt-padre.claseID_landingInicio .infoFeria.text-center::before,
#nuxt-padre.claseID_landingInicio .infoFeria.text-center::before {
	content: '';
	background-image: var(--logoHeader);
	width: 300px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-bottom: 1rem;
}
#nuxt-padre.claseID_landingFin h1 {
	color: var(--colorSecundario) !important;
}
.infoFeria h2,
.infoFeria h3 {
	color: var(--colorSecundario) !important;
	font-weight: 700 !important;
	margin: 10px 0px !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;
	min-height: 100vh;
}
@media (max-width: 768px) {
	/*Cambiar Fondo landingpage mobil*/
	#nuxt-padre.claseID_landingInicio .landingContent,
	#nuxt-padre.claseID_landingFin .landingContent {
		background-image: var(--fondoLandingMobil) !important;
	}
}
/*** 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;
}

/*HEADER FIN*/

/*BANNER PRINCIPAL*/
.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: 40vh;
}

/*Texto*/
.claseID_homepage .seccionHome .fechasFeria.col-md-auto::before {
	content: '';
	background-image: var(--logoHeader);
	width: 300px;
	height: 90px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 1rem 0;
}

.claseID_homepage .seccionHome .fechasFeria.col-md-auto {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.claseID_homepage .seccionHome h2.main-title {
	display: none !important;
}
.claseID_homepage .seccionHome h3.main-title {
	position: relative;
	color: rgba(0, 0, 0, 0);
	display: flex;
	justify-content: center;
	text-shadow: unset;
	margin: 0rem 1rem;
}
.claseID_homepage .seccionHome h3.main-title::before {
	content: 'Del 20 al 24 de Octubre de 2025';
	position: absolute;
	color: var(--colorSecundario);
	text-shadow: unset !important;
	font-weight: 400;
}
.claseID_homepage .primary-home .home-search {
	margin-bottom: 0px !important;
	border: 1px solid var(--colorSecundario);
	padding: 0;
	height: 43px;
}
.search-field.position-relative.align-items-center.xmb-0.h-100.d-flex {
	margin-bottom: 0;
	overflow: hidden;
}
.primary-home .home-search .search-field {
	padding: 0 !important;
}
/*Botones*/
.claseID_homepage .seccionHome .botonesFeria a {
	background-color: #00000063 !important;
}
.claseID_homepage .seccionHome .botonesFeria .btn {
	text-shadow: unset !important;
	position: relative;
	overflow: hidden;
	height: auto;
	padding: 10px;
	border: 1px solid var(--colorSecundario) !important;
	box-shadow: unset !important;
}
.claseID_homepage .seccionHome .botonesFeria .btn i {
	text-shadow: unset !important;
	color: var(--colorSecundario) !important;
}
.claseID_homepage .seccionHome .botonesFeria a {
	background-color: #ffffff !important;
	border: 1px solid var(--colorSecundario) !important;
	color: var(--colorTitulos) !important;
	border-color: var(--colorSecundario) !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;
}
/*Empresas*/
#nuxt-padre.claseID_homepage .shadowTop.bg-empresas {
	background: white;
	box-shadow: unset !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(--fondoCardPabellon4);
}
/*Editar Card Pabellones*/
#nuxt-padre.claseID_homepage .pabellonItem {
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	min-height: 152px;
	justify-content: space-between;
	color: var(--colorTitulos);
	transition: all 0.5s ease-out;
	background-position: top;
	background-color: unset !important;
}
.claseID_homepage .seccionHome .botonesFeria a::before {
	content: '';
	background: white;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
/*Buscador pabellones*/
.bordePabellon-1.search-field.position-relative.align-items-center.mb-0.h-100.d-flex.border {
	width: 300px;
}
#nuxt-padre.claseID_homepage .btnPabellon a {
	border-color: white !important;
	color: var(--coloSecundario) !important;
	transition: all 0.3s, transform 0.3s;
	background-color: white !important;
}
#nuxt-padre.claseID_homepage .btnPabellon a:hover {
	background-color: var(--colorSecundario) !important;
	color: white !important;
	border-color: var(--colorSecundario) !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-1 a {
	color: #fe5ab8 !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-2 a {
	color: #fee31a !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-3 a {
	color: #00dbd3 !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-4 a {
	color: #3fd55a !important;
}
/*Ancho pabellones*/
@media (min-width: 768px) {
	#nuxt-padre.claseID_homepage .pabellones .col-md-6 {
		width: 40% !important;
	}
}
/*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;
}
/*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);
}
#nuxt-padre .fondoPabellon-4 {
	background-image: var(--fondoPagePabellon4);
}
/*Editar fondo pagina interna pabellon*/
#nuxt-padre .subHeaderPabellon {
	background-position: top left;
	height: 100%;
	background-size: cover;
	min-height: 215px;
}
.shadowTop {
	box-shadow: unset !important;
}
.shadowTop .fw-bold.ms-md-0.mb-3.texto-titulo {
	text-align: center;
}
@media (min-width: 768px) {
	/*Decoracion home escritorio*/
	#nuxt-padre.claseID_homepage .pabellones,
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(3),
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(4) {
		position: relative;
		display: flex;
		align-items: center;
	}
	/*Pabellones decoracion*/
	#nuxt-padre.claseID_homepage .pabellones::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/cruz.png);
		content: '';
		width: 60px;
		height: 242px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		left: 5rem;
		background-size: auto;
		z-index: -1;
	}
	.pabellones::after {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/cruz.png);
		content: '';
		width: 60px;
		height: 242px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		right: 5rem;
		background-size: auto;
		z-index: -1;
	}
	/*Empresas decoracion*/
	/* #nuxt-padre.claseID_homepage .shadowTop.bg-empresas::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/triangulos.png);
		content: '';
		width: 300px;
		height: 90px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		left: 0rem;
		background-size: auto;
		transform: rotate(180deg);
	}
	#nuxt-padre.claseID_homepage .shadowTop.bg-empresas::after {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/triangulos.png);
		content: '';
		width: 300px;
		height: 90px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		right: 0rem;
		background-size: auto;
	} */
	/*Agenda decoracion*/
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(3)::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/puntos.png);
		content: '';
		width: 95px;
		height: 232px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		left: 2rem;
		background-size: auto;
		z-index: -1;
	}
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(3)::after {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/puntos.png);
		content: '';
		width: 95px;
		height: 232px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		right: 2rem;
		background-size: auto;
		z-index: -1;
	}
	/*Noticias decoracion*/
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(4)::after {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/circulos-triangulos.png);
		content: '';
		width: 140px;
		height: 178px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		left: 0rem;
		background-size: auto;
		transform: rotate(180deg);
		z-index: -1;
	}
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(4)::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/circulos-triangulos.png);
		content: '';
		width: 140px;
		height: 178px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		right: 0rem;
		background-size: auto;
		z-index: -1;
	}
	/*Banner publicidad decoracion*/
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(5) {
		position: relative;
		display: flex;
		align-items: self-end;
	}
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(5)::after {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/manchas.png);
		content: '';
		width: 164px;
		height: 235px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		left: 0rem;
		bottom: 0rem;
		background-size: auto;
		transform: scaleX(-1);
		z-index: -1;
	}
	#nuxt-padre.claseID_homepage .shadowTop:nth-child(5)::before {
		background-image: url(https://repo-diseno.s3.amazonaws.com/comunidad/feriastarter_cl/manchas.png);
		content: '';
		width: 164px;
		height: 235px;
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		right: 0rem;
		bottom: 0rem;
		background-size: auto;
		z-index: -1;
	}
}
/*Mediaqueria Mobil 768px*/
@media (max-width: 768px) {
	.subHeaderPabellon .text-white {
		text-shadow: 2px 2px 8px #000000d1;
	}
	#nuxt-padre.claseID_homepage .pabellonItem {
		padding: 13px !important;
		background-position: -10rem;
	}
	/*Fondo banner principal Mobil*/
	#nuxt-padre.claseID_homepage #bannerHome.bannerImgV2 {
		background-image: var(--bannerPrincipalMobil) !important;
		min-height: 62vh;
		background-position: top center;
	}
}