/* DEFINE LOS COLORES DE CADA PABELLÓN */
:root {
  --colorPabellon1: #9333ea;
  --colorPabellon2: #4f46e5;
  --colorPabellon3: #65a30d;
  --colorPabellon4: #16a34a;
}
/* CONFIGURA COLORES DE LOS PABELLONES */
.fondoPabellon-1, .fondoColorPabellon-1 {
  background-color: var(--colorPabellon1) !important;
}
.fondoPabellon-2, .fondoColorPabellon-2 {
  background-color: var(--colorPabellon2) !important;
}
.fondoPabellon-3, .fondoColorPabellon-3 {
  background-color: var(--colorPabellon3) !important;
}
.fondoPabellon-4, .fondoColorPabellon-4 {
  background-color: var(--colorPabellon4) !important;
}
.textoPabellon-1 {
  color: var(--colorPabellon1) !important;
}
.textoPabellon-2 {
  color: var(--colorPabellon2) !important;
}
.textoPabellon-3 {
  color: var(--colorPabellon3) !important;
}
.textoPabellon-4 {
  color: var(--colorPabellon4) !important;
}
div.search-empresa div.bordePabellon-1 {
  border-color: var(--colorPabellon1) !important;
  border-width:0px !important;
}
div.search-empresa div.bordePabellon-2 {
  border-color: var(--colorPabellon2) !important;
  border-width:0px !important;
}
div.search-empresa div.bordePabellon-3 {
  border-color: var(--colorPabellon3) !important;
  border-width:0px !important;
}
div.search-empresa div.bordePabellon-4 {
  border-color: var(--colorPabellon4) !important;
  border-width:0px !important;
}
.header-comunidad.color-principal {
  background-color: var(--colorFondo) !important;
  }
/* AGREGA FONDO DE IMAGEN A PÁGINAS INDICADAS */
#nuxt-padre.claseID_homepage, #nuxt-padre.claseID_registro, #nuxt-padre.claseID_login {
  background-image: url('https://repo-diseno.s3.amazonaws.com/ferias/demoferia_trabajando_cl/img/slider-1.png');
  background-position: top right;
  background-repeat: no-repeat;
}
/* ELIMINA COLORES E IMAGEN DE FONDO A CABECERA Y FOTO PRINCIPAL HOMEPAGE */
.claseID_homepage .fondoColorPrincipal, .claseID_registro .fondoColorPrincipal, .claseID_login .fondoColorPrincipal, .claseID_homepage .header-comunidad {
  background-image: none !important;
  background-color: transparent !important;
}
/* ELIMINA COLOR CABECERA DE LOGIN Y REGISTRO */
.claseID_registro .color-principal, .claseID_registro .bg-white,
.claseID_login .color-principal, .claseID_login .bg-white {
  background-color: transparent !important;
}
/* REGRESA COLOR DE FONDO A CONTENEDOR FORMULARIO DE REGISTRO O LOGIN */
.claseID_registro .formContainer, .claseID_login .formContainer {
  background-color: white !important;
}
.claseID_homepage .header-comunidad, .claseID_registro .header-comunidad, .claseID_login .header-comunidad {
  border-bottom: none;
}
.preHeaderFeria {
  background-color: #FFF
}
/* PERSONALIZA TEXTOS PRINCIPALES DE LA PORTADA */
.fechasFeria h2, .fechasFeria h3 {
  text-shadow: none;
  color: var(--colorSecundario);
}
#search .search-field:first-child {
  border-width: 1px 0 1px 1px;
}
/* PERSONALIZA BOTONES PRINCIPALES DE HOMEPAGE */
.bannerBuscadorHomeFeria .buscadorHome .botonesFeria a.btn.btn-secundario {
  color: var(--colorSecundario) !important;
  background-color: #FFF !important;
  font-weight: 400;
  text-shadow: none;
}
.bannerBuscadorHomeFeria .buscadorHome .botonesFeria a.btn.btn-secundario i {
  text-shadow: none;
}
/* AGREGA FONDO DE IMAGEN SI SE NECESITA A LOS CARDS DE LOS PABELLONES DE LA PORTADA */
#nuxt-padre.claseID_homepage .fondoPabellon-1 {
  background-image: url('https://repo-diseno.s3.amazonaws.com/ferias/hubtalentouai_trabajando_cl/img/pabellon1.png') !important;
  background-size: cover !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-2 {
  background-image: url('https://repo-diseno.s3.amazonaws.com/ferias/hubtalentouai_trabajando_cl/img/pabellon2.png') !important;
  background-size: cover !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-3 {
  background-image: url('https://repo-diseno.s3.amazonaws.com/ferias/hubtalentouai_trabajando_cl/img/pabellon3.png') !important;
  background-size: cover !important;
}
#nuxt-padre.claseID_homepage .fondoPabellon-4 {
  background-image: url('https://repo-diseno.s3.amazonaws.com/ferias/hubtalentouai_trabajando_cl/img/pabellon4.png') !important;
  background-size: cover !important;
}