.elementor-10 .elementor-element.elementor-element-c3889ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c3889ae:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c3889ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center left, #EEBC3B 0%, #FFB800 100%);}.elementor-10 .elementor-element.elementor-element-0ce3c32{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;text-align:center;}.elementor-10 .elementor-element.elementor-element-0ce3c32 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-15ec71df{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-c3889ae{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}}/* Start custom CSS for container, class: .elementor-element-15ec71df *//* === PAGE TITLE === */
.page-header .entry-title {
display: none;
}

/* === JOB FILTERS FORM === */
.job_filters {
  background: #fff;
  border-radius: 14px;
  border: 2px solid #eebc3b;
  box-shadow: 0 2px 8px rgba(238,188,59,0.06);
  padding: 24px 18px 12px 18px;
  margin-bottom: 28px;
}

/* === SEARCH FIELDS === */
.search_jobs > div {
  margin-bottom: 16px;
}

.job_filters label {
  color: #eebc3b;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
  font-size: 1em;
}

.job_filters input[type="text"] {
  width: 100%;
  border: 2px solid #eebc3b;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 1em;
  color: #2d3748;
  background: #f8fafc;
  margin-bottom: 6px;
  transition: border 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.job_filters input[type="text"]:focus {
  border-color: #eebc3b;
  box-shadow: 0 0 0 2px #ffe6a1;
  outline: none;
}

/* === REMOTE CHECKBOX === */
.search_remote_position {
  margin-bottom: 12px;
}
.search_remote_position input[type="checkbox"] {
  accent-color: #eebc3b;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
}
#remote_position_label {
  color: #2d3748;
  font-size: 1em;
  font-weight: 500;
}

/* === SUBMIT BUTTON === */
.search_submit input[type="submit"] {
  background: #eebc3b;
  color: #fff;
  border: 2px solid #eebc3b;
  border-radius: 8px;
  padding: 10px 28px;
  font-weight: 700;
  font-size: 1.05em;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(238,188,59,0.12);
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  display: inline-block;
}
.search_submit input[type="submit"]:hover {
  background: #fff;
  color: #eebc3b;
  border-color: #eebc3b;
  box-shadow: 0 4px 16px rgba(238,188,59,0.18);
}

/* === JOB TYPES FILTERS === */
ul.job_types {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0 10px 0;
  padding: 0;
  list-style: none;
}
ul.job_types li {
  margin: 0;
}
ul.job_types label {
  background: #fffbea;
  color: #b7791f;
  border: 2px solid #eebc3b;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  display: flex;
  align-items: center;
}
ul.job_types input[type="checkbox"] {
  accent-color: #eebc3b;
  margin-right: 8px;
}

/* === JOB LISTINGS (empty state) === */
ul.job_listings {
  margin: 32px 0 0 0;
  padding: 0;
  list-style: none;
  
}
ul.job_listings li {
  background: #f8fafc;
  border: 2px solid #eebc3b;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(238,188,59,0.06);
  padding: 20px 18px;
  margin: 10px;
  margin-bottom: 18px;
  transition: box-shadow 0.2s, border 0.2s;
}
ul.job_listings li:hover {
  box-shadow: 0 6px 24px rgba(238,188,59,0.16);
  border-radius: 12px;
  border-color: #b7791f;
}

.meta{
    display: none;
}
.company_logo {
    position: relative !important;
}

/* === LOAD MORE BUTTON === */
a.load_more_jobs {
  display: block;
  background: #eebc3b;
  color: #fff;
  border: 2px solid #eebc3b;
  border-radius: 8px;
  padding: 12px 0;
  font-weight: 700;
  font-size: 1.05em;
  text-align: center;
  margin: 24px auto 0 auto;
  max-width: 300px;
  box-shadow: 0 2px 8px rgba(238,188,59,0.12);
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  text-decoration: none;
}
a.load_more_jobs:hover {
  background: #fff;
  color: #eebc3b;
  border-color: #eebc3b;
  box-shadow: 0 4px 16px rgba(238,188,59,0.18);
}

/* === RESPONSIVE === */
@media (max-width: 700px) {
  .site-main {
    padding: 14px 4px;
    border-radius: 10px;
  }
  .page-header .entry-title {
    font-size: 1.3em;
    padding: 16px 0;
    max-width: 100%;
  }
  .job_filters {
    padding: 10px 4px 8px 4px;
    border-radius: 8px;
  }
  ul.job_types {
    flex-direction: column;
    gap: 6px;
  }
  ul.job_types label {
    padding: 8px 10px;
    font-size: 0.98em;
  }
}

/* === LISTADO DE EMPLEOS === */
ul.job_listings {
  margin: 32px 0 0 0 !important;
  padding: 0;
  list-style: none;
}
ul.job_listings li.job_listing
{
  background: #fff;
  border: 2px solid #eebc3b;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(238,188,59,0.06);
  padding: 20px 18px;
  margin: 10px;
  margin-bottom: 18px;
  transition: box-shadow 0.2s, border 0.2s;
}

.job_listing:hover, ul.job_listings li:hover {
  box-shadow: 0 6px 24px rgba(238,188,59,0.16);
  border-radius: 12px;
  border-color: #b7791f;
}

h3, .elementor-10 h3 {
  color: #eebc3b !important;
}

/* === BOTÓN CARGAR MÁS === */
a.load_more_jobs {
  display: block;
  background: #eebc3b;
  color: #fff;
  border: 2px solid #eebc3b;
  border-radius: 8px;
  padding: 12px 0;
  font-weight: 700;
  font-size: 1.05em;
  text-align: center;
  margin: 24px auto 0 auto;
  max-width: 300px;
  box-shadow: 0 2px 8px rgba(238,188,59,0.12);
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  text-decoration: none;
}
a.load_more_jobs:hover {
  background: #fff;
  color: #eebc3b;
  border-color: #eebc3b;
  box-shadow: 0 4px 16px rgba(238,188,59,0.18);
}/* End custom CSS */