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

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

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

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

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

	/*Fondo Pagina Interna Pabellones*/
	--fondoPagePabellon1: url(https://repo-diseno.s3.amazonaws.com/comunidad/empleocumbreplateada_cl/banner-page-pb1.png);
	--fondoPagePabellon2: url(https://repo-diseno.s3.amazonaws.com/comunidad/empleocumbreplateada_cl/banner-page-pb2.png);
	--fondoPagePabellon3: url(https://repo-diseno.s3.amazonaws.com/comunidad/empleocumbreplateada_cl/banner-page-pb3.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 {
	position: absolute;
	top: 0;
	width: 100%;
}
#nuxt-padre.claseID_landingInicio .headerBox .color-principal,
#nuxt-padre.claseID_landingFin .headerBox .color-principal {
	background-color: var(--colorPrincipal) !important;
}
.shadowTop.bg-empresas.overflow-visible .pt-5 {
	padding-bottom: 3rem !important;
}
#nuxt-padre.claseID_landingInicio .headerBox .justify-content-center,
#nuxt-padre.claseID_landingFin .headerBox .justify-content-center {
	justify-content: start !important;
	padding: 0px 1rem;
}
/*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] {
	display: flex;
	flex-direction: column;
	align-items: center !important;
	justify-content: center;
	width: 80%;
}
#nuxt-padre.claseID_landingInicio .infoFeria,
#nuxt-padre.claseID_landingFin .infoFeria {
	text-align: center !important;
	padding: 0 !important;
	margin-bottom: 0px !important;
}
/*Editar titulo H1 Langin page y Homepage*/
#nuxt-padre.claseID_landingInicio h1,
.claseID_homepage .seccionHome h2.main-title,
#nuxt-padre.claseID_landingFin h1 {
	font-size: 3rem;
	text-shadow: 1px 2px 9px #00000075;
	background-color: var(--colorPrincipal);
	text-align: center;
	margin-top: 7rem;
	position: relative;
	display: flex;
	justify-content: center;
}
#nuxt-padre.claseID_landingInicio h1::before,
.claseID_homepage .seccionHome h2.main-title::before,
#nuxt-padre.claseID_landingFin h1::before {
	content: 'Empleo';
	display: block;
	position: absolute;
	background: var(--colorPrincipal);
	top: -74px;
	padding: 5px 20px;
}
/*Editar titulo H2*/
#nuxt-padre.claseID_landingInicio h2,
#nuxt-padre.claseID_landingFin h2 {
	background-color: var(--colorSecundarioOscuro);
	padding: 5px 10px;
}
/*Info feria*/
.infoFeria h2[data-v-e09c9021] {
	font-weight: 400 !important;
	font-size: 1.5rem !important;
}
.infoFeria h3[data-v-e09c9021] {
	display: none;
}
/*Editar texto reloj*/
#nuxt-padre.claseID_landingInicio .time {
	color: black !important;
	font-weight: 400 !important;
}
#nuxt-padre.claseID_landingInicio .type {
	color: black !important;
}
/*Editar fondo reloj*/
#nuxt-padre.claseID_landingInicio .circle[data-v-e09c9021] {
	background-color: #ffffff00;
	width: 80px;
}
/*Editar cajas reloj*/
#nuxt-padre.claseID_landingInicio .countdown.mb-4.mb-md-5 {
	gap: 0;
	padding: 0rem;
	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;
}
/*Eliminar segundos reloj*/
#nuxt-padre.claseID_landingInicio .countdown .time-unit:nth-child(4) {
	display: none !important;
}
.countdown::before {
	content: 'Quedan';
	position: absolute;
}
#nuxt-padre.claseID_landingInicio
	.countdown
	.time-unit:nth-child(1)
	.circle::after,
#nuxt-padre.claseID_landingInicio
	.countdown
	.time-unit:nth-child(2)
	.circle::after {
	content: '';
	display: block;
	width: 1px;
	height: 50%;
	position: absolute;
	background: black;
	right: 0;
}
/*Medida mobil*/
@media (max-width: 768px) {
	#nuxt-padre.claseID_landingInicio h2 {
		font-size: 1rem !important;
	}
}
/*Medida escritorio*/
@media (min-width: 768px) {
	/*Cambiar caja reloj*/
	#nuxt-padre.claseID_landingInicio .countdown.mb-4.mb-md-5 {
		gap: 15px;
		padding: 0rem 1rem;
	}
	/*Cambiar logo header*/
	#nuxt-padre.claseID_landingInicio .headerBox img {
		display: none !important;
	}
	#nuxt-padre.claseID_landingInicio .headerBox .my-1 a::before {
		content: '';
		background-image: var(--logoHeader) !important;
		width: 200px;
		height: 45px;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
}

/*Cambiar Fondo landingpage*/
#nuxt-padre.claseID_landingInicio .landingContent {
	background-image: var(--fondoLanding) !important;
	background-size: cover !important;
	background-position: center !important;
	min-height: 100vh;
	background-color: white !important;
}
/*Fondo landingpage mobil*/
@media (max-width: 768px) {
	#nuxt-padre.claseID_landingInicio .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;
}
@media (min-width: 768px) {
	header.header-comunidad a {
		color: white !important;
	}
	header.header-comunidad .btn.btn-principal {
		color: var(--colorPrincipal) !important;
		background-color: white !important;
		border: white !important;
	}
	header.header-comunidad .btn.btn-secundario {
		color: white !important;
		border: 1px solid white !important;
	}
}

/*BANNER PRINCIPAL*/
.bannerBuscadorHomeFeria {
	margin-top: 0;
}
.primary-home {
	position: relative;
	padding: 0 !important;
}
.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;
}

/*Titulo banner principal*/
@media (min-width: 768px) {
	.claseID_homepage .seccionHome h2.main-title::before {
		position: unset;
		padding: 0 11px;
	}
	.claseID_homepage .seccionHome h2.main-title {
		padding: 7px;
		margin-top: 1rem;
	}
}
.claseID_homepage .seccionHome h2.main-title {
	font-size: 3rem;
	margin-bottom: 0 !important;
}
.claseID_homepage .seccionHome h3.main-title {
	background-color: var(--colorSecundarioOscuro);
	margin-top: 10px;
	padding: 10px;
	width: fit-content;
}
.claseID_homepage .seccionHome .botonesFeria {
	margin-top: 0 !important;
}
.claseID_homepage .seccionHome .fechasFeria {
	display: flex;
	flex-direction: column;
	align-items: center;
}
/*Botones*/
.botonesFeria .btn i,
.botonesFeria .btn {
	text-shadow: none !important;
}
.claseID_homepage .seccionHome .botonesFeria a {
	background-color: #ffffff4f !important;
	border: 1px solid var(--colorTextos) !important;
	color: var(--colorTitulos) !important;
	border-color: var(--colorTitulos) !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);
}
#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 {
	border-radius: 10px;
	background-color: white;
	color: var(--colorSecundario);
	box-shadow: unset;
	background-size: cover;
	background-position: right;
	padding: 14px;
}

/*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;
}
#nuxt-padre.claseID_homepage .btnPabellon a {
	color: white !important;
	transition: all 0.3s, transform 0.3s;
	border: 1px solid var(--colorTitulos) !important;
}
#nuxt-padre.claseID_homepage .btnPabellon a:hover {
	background-color: var(--colorSecundario) !important;
	color: white !important;
}
/*Colores botones pabellones*/
#nuxt-padre.claseID_homepage .btnPabellon a[href='/pabellon/pab-1'] {
	background-color: #ff7033 !important;
}
#nuxt-padre.claseID_homepage .btnPabellon a[href='/pabellon/pab-2'] {
	background-color: #9865fe !important;
}
#nuxt-padre.claseID_homepage .btnPabellon a[href='/pabellon/pab-3'] {
	background-color: #4a43c5 !important;
}
/*Titulo pabellones*/
#nuxt-padre.claseID_homepage .pabellonItem h3[data-v-d040cdf6] {
	font-size: 1.4rem !important;
	margin: 0 !important;
	color: var(--colorTitulos);
	max-width: 180px;
}
/*Vacantes texto*/
#nuxt-padre.claseID_homepage .pabellonItem .boxVacantes {
	color: var(--colorTitulos);
}
#nuxt-padre.claseID_homepage .boxFooter.mt-5.w-100 {
	margin-top: 10px !important;
}
#nuxt-padre.claseID_homepage .boxTitle.w-100 {
	display: none !important;
}

/*Pabellones en 4 filas*/
/* @media (min-width: 768px) {
	#nuxt-padre.claseID_homepage .boxPabellon.col-md-6 {
		flex: 0 0 auto;
		width: 25% !important;
	}
} */
/*Pabellones en 3 filas*/
@media (min-width: 768px) {
	#nuxt-padre.claseID_homepage .boxPabellon.col-md-6 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}
/*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);
}
/*Texto pagina interna pabellones*/
.subHeaderPabellon .search-empresa .btn-transparente[data-v-7350f770] {
	background-color: var(--colorPrincipal);
}
.subHeaderPabellon .search-empresa .btn-transparente[data-v-7350f770] i {
	color: white !important;
}
.subHeaderPabellon .topBarPabellon a[data-v-0d53b069] {
	color: var(--colorTitulos);
}
.subHeaderPabellon .text-center.text-white {
	color: var(--colorTitulos) !important;
}
.subHeaderPabellon h2.fw-bold {
	font-size: 1rem;
}
/*Editar fondo pagina interna pabellon*/
#nuxt-padre .subHeaderPabellon {
	background-position: top right;
	height: 100%;
	background-size: cover;
}
@media (max-width: 768px) {
	#nuxt-padre .subHeaderPabellon {
		background-position: top left;
	}
}
/*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;
}
/*Mediaqueria Mobil 768px*/
@media (max-width: 768px) {
	/*Fondo banner principal Mobil*/
	#nuxt-padre.claseID_homepage #bannerHome.bannerImgV2 {
		background-image: var(--bannerPrincipalMobil) !important;
	}
	.claseID_homepage .seccionHome h2.main-title {
		font-size: 2.6rem;
	}
	.fechasFeria h3.main-title,
	.ultimosEmpleosTitle[data-v-18cc73ac] {
		font-size: 1.2rem;
	}
}