.elementor-591 .elementor-element.elementor-element-d128a2f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:007em;--padding-left:0em;--padding-right:0em;overflow:visible;}.elementor-591 .elementor-element.elementor-element-d128a2f:not(.elementor-motion-effects-element-type-background), .elementor-591 .elementor-element.elementor-element-d128a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mayag80.projectsclients.com/wp-content/uploads/2025/09/45096.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-591 .elementor-element.elementor-element-2d832d1{--display:flex;overflow:visible;}.elementor-591 .elementor-element.elementor-element-7a6fa30{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:5px 20px 5px 20px;border-radius:20px 20px 20px 20px;}.elementor-591 .elementor-element.elementor-element-7a6fa30 .elementor-heading-title{color:var( --e-global-color-300a3cf );}.elementor-591 .elementor-element.elementor-element-311fd4c{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;z-index:2;}.elementor-591 .elementor-element.elementor-element-311fd4c .elementor-heading-title{font-size:50px;font-weight:800;color:var( --e-global-color-300a3cf );}.elementor-591 .elementor-element.elementor-element-7fcfd66{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;z-index:2;}.elementor-591 .elementor-element.elementor-element-7fcfd66 .elementor-heading-title{font-size:30px;font-weight:400;color:var( --e-global-color-300a3cf );}.elementor-591 .elementor-element.elementor-element-397cdee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--z-index:1;overflow:visible;}.elementor-591 .elementor-element.elementor-element-ed9bfb5{--display:flex;overflow:visible;}.elementor-591 .elementor-element.elementor-element-7d82a75 .elementor-button{background-color:var( --e-global-color-300a3cf );text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-591 .elementor-element.elementor-element-7d82a75 .elementor-button:hover, .elementor-591 .elementor-element.elementor-element-7d82a75 .elementor-button:focus{background-color:var( --e-global-color-05d78c3 );color:var( --e-global-color-300a3cf );}.elementor-591 .elementor-element.elementor-element-7d82a75 .elementor-button:hover svg, .elementor-591 .elementor-element.elementor-element-7d82a75 .elementor-button:focus svg{fill:var( --e-global-color-300a3cf );}.elementor-591 .elementor-element.elementor-element-12c83d0{width:auto;max-width:auto;bottom:-54px;z-index:0;}body:not(.rtl) .elementor-591 .elementor-element.elementor-element-12c83d0{left:-70px;}body.rtl .elementor-591 .elementor-element.elementor-element-12c83d0{right:-70px;}.elementor-591 .elementor-element.elementor-element-3068594{--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;--padding-top:10px;--padding-bottom:200px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-591 .elementor-element.elementor-element-3068594:not(.elementor-motion-effects-element-type-background), .elementor-591 .elementor-element.elementor-element-3068594 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-939edd2 );}.elementor-591 .elementor-element.elementor-element-800d2da{width:initial;max-width:initial;padding:20px 20px 30px 20px;z-index:2;text-align:center;}.elementor-591 .elementor-element.elementor-element-800d2da .elementor-heading-title{font-size:50px;font-weight:800;color:var( --e-global-color-05d78c3 );}.elementor-591 .elementor-element.elementor-element-d351391{--display:flex;overflow:visible;}.elementor-591 .elementor-element.elementor-element-3e12d5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-591 .elementor-element.elementor-element-8320c2b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-591 .elementor-element.elementor-element-6eb27b2{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-591 .elementor-element.elementor-element-304e097{--grid-columns:1;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-591 .elementor-element.elementor-element-d128a2f{--content-width:90%;}.elementor-591 .elementor-element.elementor-element-397cdee{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-591 .elementor-element.elementor-element-2d832d1{--width:100%;}.elementor-591 .elementor-element.elementor-element-ed9bfb5{--width:100%;}}@media(max-width:1024px){.elementor-591 .elementor-element.elementor-element-7a6fa30{text-align:center;}.elementor-591 .elementor-element.elementor-element-304e097{--grid-columns:2;}}@media(max-width:767px){.elementor-591 .elementor-element.elementor-element-304e097{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-d128a2f */.elementor-591 .elementor-element.elementor-element-d128a2f::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1D7ACB; /* tu color */
  clip-path: polygon(0 0, 65% 0, 50% 100%, 0% 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-54a862f *//* Contenedor principal */
.job-title-field {
  width: 100% !important;
  margin: 0 auto;
}

/* Contenedor del input + icono */
.job-title-field .search-filter-input-text {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  border: 3px solid #d7d7d7 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out !important;
}

/* Input real */
.job-title-field input.search-filter-input-text__input {
  width: 100% !important;
  padding: 12px 40px 12px 12px !important; /* espacio para el icono */
  font-size: 16px !important;
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

/* Focus */
.job-title-field .search-filter-input-text:focus-within {
  border-color: #1D7ACB !important;
  box-shadow: 0 4px 8px rgba(29, 122, 203, 0.4) !important;
}

/* Icono de búsqueda */
.job-title-field .search-filter-icon {
  position: absolute !important;
  right: 12px;
  pointer-events: none;
}

.job-title-field .search-filter-icon__svg {
  fill: #1D7ACB !important;
  width: 20px;
  height: 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8320c2b *//* Contenedor principal de checkboxes */
.job-type-field {
  display: flex;          /* Flex horizontal */
  flex-wrap: wrap;        /* Permite que se ajusten si no caben */
}

/* Cada checkbox como “tag” */
.job-type-field .search-filter-input-checkbox {
  display: inline-flex;   
  margin-right: 20px;     /* Espacio de 20px entre checkboxes */
  margin-bottom: 12px;    /* Espacio vertical si pasan a la siguiente línea */
}

/* Contenedor interno de la tag */
.job-type-field .search-filter-input-checkbox__container {
  display: flex;          
  align-items: center;    
  padding: 6px 12px 6px 20px; 
  border: 2px solid #d7d7d7;
  border-radius: 20px;
  cursor: pointer;
  background-color: #f5f5f5;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  color: #333;
  position: relative;
  white-space: nowrap;    
}

/* Punto al lado izquierdo */
.job-type-field .search-filter-input-checkbox__container::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1D7ACB; 
  transition: all 0.3s ease-in-out;
}

/* Ocultar checkbox real */
.job-type-field .search-filter-input-checkbox__input {
  display: none;
}

/* Ocultar icono interno (opcional) */
.job-type-field .search-filter-input-checkbox__control svg {
  display: none;
}

/* Tag seleccionada */
.job-type-field .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container {
  background-color: #1D7ACB;
  color: #fff;
  border-color: #1D7ACB;
}

/* Texto en blanco al estar seleccionada */
.job-type-field .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container .search-filter-input-checkbox__label {
  color: #ffffff !important;
}

/* Punto blanco al seleccionar */
.job-type-field .search-filter-input-checkbox__input:checked + .search-filter-input-checkbox__container::before {
  background-color: #ffffff;
}

/* ===== Hover sobre cada tag ===== */
.job-type-field .search-filter-input-checkbox__container:hover {
  border-color: #1D7ACB;              /* borde azul */
  box-shadow: 0 4px 8px rgba(29, 122, 203, 0.2); /* sombra suave */
  transition: all 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6eb27b2 *//* ===== SELECT DE UBICACIÓN MÁS COMPACTO ===== */
.job-location-field .search-filter-component-combobox {
  position: relative;
  width: 100%;
  border: 2px solid #d7d7d7;
  border-radius: 20px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  padding: 6px 16px; /* menos padding vertical */
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  min-height: 38px; /* altura más compacta */
}

/* Hover y focus */
.job-location-field .search-filter-component-combobox:hover,
.job-location-field .search-filter-component-combobox--focused {
  border-color: #1D7ACB;
  box-shadow: 0 4px 8px rgba(29, 122, 203, 0.2);
}

/* Placeholder o selección */
.job-location-field .search-filter-component-combobox__selection-placeholder span {
  color: #666;
}

/* Flecha de dropdown */
.job-location-field .search-filter-component-combobox__listbox-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.job-location-field .search-filter-component-combobox__listbox-toggle .search-filter-icon__svg {
  fill: #1D7ACB;
  width: 16px;
  height: 16px;
}

/* Texto seleccionado */
.job-location-field .search-filter-component-combobox__selection {
  color: #333;
  width: 100%;
}

/* Clear button */
.job-location-field .search-filter-component-combobox__clear-selection {
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b11779 *//* ===== BOTONES DE SKILLS COMO TAGS ===== */
.job-skill-btn {
  display: flex;
  flex-wrap: wrap;
}

.job-skill-btn .search-filter-input-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  margin-right: 20px;     /* espacio horizontal */
  margin-bottom: 12px;    /* espacio vertical */
  border: 2px solid #d7d7d7;
  border-radius: 20px;
  background-color: #f5f5f5;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

/* Hover (como el focus de los checkboxes) */
.job-skill-btn .search-filter-input-button:hover {
  border-color: #1D7ACB;
  box-shadow: 0 4px 8px rgba(29, 122, 203, 0.2);
}

/* Estado seleccionado */
.job-skill-btn .search-filter-input-button--is-selected {
  background-color: #1D7ACB;
  border-color: #1D7ACB;
  color: #ffffff;
}

/* Opcional: animación suave al presionar */
.job-skill-btn .search-filter-input-button:active {
  transform: scale(0.97);
}/* End custom CSS */