/*
	Theme Name: Cariera Child
    Theme URI: http://themeforest.net/user/gnodesign/portfolio/
    Template: cariera
    Description: Cariera Child Theme. 
    Author: Gnodesign
	Author URI: http://themeforest.net/user/gnodesign/
	License: ThemeForest
    License URI: http://themeforest.net/licenses
    Text Domain: cariera
    Domain Path: /lang/
*/
.fieldset-pdf_pt, .fieldset-pdf_es
 {
    display: none !important;
}
li.preview-listing {
    display: none !important;
}
.job-manager-form fieldset label {
    text-transform: none !important;
} 

.job-extras {
  display: none !important;
}
.elementor-kit-5287 button, .elementor-kit-5287 input[type="button"], .elementor-kit-5287 input[type="submit"], .elementor-kit-5287 .elementor-button {

  color: #FFF;
}
.form-fields {
  background: white;
}
.container {
  margin-top: 78px;
}
/* ===== 2 columnas con Flex (a prueba de theme) ===== */
.form-fields{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px;
}

/* Por defecto, móvil: una columna */
.form-fields > fieldset{
  flex: 1 1 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Desde tablet: dos columnas */
@media (min-width: 768px){
  .form-fields > fieldset{
    /* 50% menos el gap (mitad del gap para cada lado) */
    flex: 0 1 calc(50% - 10px);
  }
}

/* ===== Campos a ANCHO COMPLETO (ocupan las 2 columnas) ===== */
 @media (min-width: 768px){

 /*.form-fields > .fieldset-resume_category,*/
  .form-fields > .fieldset-candidate_photo,            /* si quieres la foto a toda fila */
  .form-fields > .fieldset-contratos_temporales,       /* selects largos */
  .form-fields > .fieldset-sustituciones_realizadas {
    flex-basis: 50% !important;
  }
}
.fieldset-notice_datos_envio_candidatura
{
	width: 100% !important;
}
  .form-fields > .fieldset-resume_content, .form-fields >.fieldset-postular_para, .form-fields > .fieldset-notice_datos_envio_candidatura, .form-fields > .fieldset-notice_datos_envio_candidatura_pt
{
flex-basis: 100% !important;
}
  .form-fields > .fieldset-numen{
flex-basis: 50% !important;
}
  .form-fields > .fieldset-resume_content
/* Inputs/Selects al 100% dentro de su columna */
.form-fields .field,
.form-fields input[type="text"],
.form-fields input[type="email"],
.form-fields input[type="file"],
.form-fields .jmfe-input-date,
.form-fields .jmfe-input-fpdate,
.form-fields select,
.form-fields textarea{
  width: 100% !important;
  box-sizing: border-box;
}



/* Editor TinyMCE ancho completo */
.form-fields .wp-editor-container,
.form-fields .mce-tinymce,
.form-fields iframe[id$="_ifr"]{ width: 100% !important; }

/* Radios “Grado” en línea */
.fieldset-grado .field label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
  margin-bottom: 6px;
}

/* Etiquetas y descripciones */
.form-fields label{ display:block; font-weight:600; margin-bottom:6px; }
.form-fields small.description{ display:block; margin-top:6px; opacity:.85; } 

/* Los headers ocupan 100% */
.form-fields .fieldset-section_personnelles,
.form-fields .fieldset-_professionnelle,
.form-fields .fieldset-familialem, .fieldset-estatus_administrativo_actual{
  flex-basis: 100% !important;   /* si usas Flex */
  grid-column: 1 / -1 !important; /* si usas Grid */
}
/* Estilo de los headers */
.form-fields .fieldset-section_personnelles label,
.form-fields .fieldset-_professionnelle label,
.form-fields .fieldset-familialem label {
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin: 25px 0 10px;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 6px;
}



/* ===== Discipline (Select2 multiple) a 1 columna completa ===== */
.job-manager-form.resume-form .fieldset-discipline{
  grid-column: 1 / -1;              /* ocupa toda la fila del grid */
}

/* Select2 al 100% del ancho del contenedor */
.job-manager-form.resume-form .fieldset-discipline .select2-container{
  width: 50% !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Chips + input de búsqueda en la misma línea, con salto de línea si hace falta */
.job-manager-form.resume-form .fieldset-discipline .select2-selection--multiple{
  min-height: 44px;                 /* altura cómoda */
  display: flex;
  align-items: center;
  flex-wrap: wrap;                  /* permite que los chips bajen a la siguiente línea */
  gap: 6px;                         /* espacio entre chips */
  padding: 6px 8px;                 /* respira un poco */
  box-sizing: border-box;
}

/* El campo de búsqueda no debe forzar un ancho gigante */
.job-manager-form.resume-form .fieldset-discipline .select2-selection--multiple .select2-search__field{
  width: auto !important;           /* anula el width inline que mete Select2 */
  min-width: 8ch;                   /* evita que quede microscópico */
  flex: 1 0 120px;                  /* crece y encoge con el espacio disponible */
}

/* Ajuste del dropdown para que no desborde */
.job-manager-form.resume-form .fieldset-discipline .select2-dropdown{
  min-width: 50% !important;       /* al menos el ancho del control */
  box-sizing: border-box;
}

/* (Opcional) normaliza los chips para que no crezcan en exceso */
.job-manager-form.resume-form .fieldset-discipline .select2-selection__choice{
  max-width: 50%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* En móvil, por si otro CSS interfiere, reforzamos 1 columna */
@media (max-width: 767.98px){
  .job-manager-form.resume-form .fieldset-discipline{
    grid-column: 1 / -1;
  }
}

/* ===== Formulario de candidato: grid 2 columnas ===== */
.job-manager-form.resume-form .form-fields{
  display: grid !important;
  grid-template-columns: 1fr;     /* móvil: 1 col */
  gap: 20px;
}

/* 2 columnas desde 768px */
@media (min-width: 768px){
  .job-manager-form.resume-form .form-fields{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* Normalizaciones */
.job-manager-form.resume-form .form-fields fieldset{
  margin: 0;
  padding: 0;
  border: 0;
}
.job-manager-form.resume-form .form-fields .field,
.job-manager-form.resume-form .form-fields input[type="text"],
.job-manager-form.resume-form .form-fields input[type="email"],
.job-manager-form.resume-form .form-fields input[type="file"],
.job-manager-form.resume-form .form-fields .jmfe-input-date,
.job-manager-form.resume-form .form-fields .jmfe-input-fpdate,
.job-manager-form.resume-form .form-fields select,
.job-manager-form.resume-form .form-fields textarea{
  width: 50%;
  box-sizing: border-box;
}

/* Select2 siempre al 100% */
.job-manager-form.resume-form .form-fields .select2-container{
  width: 50% !important;
}

/* TinyMCE/WP editor a ancho completo */
.job-manager-form.resume-form .form-fields .wp-editor-container,
.job-manager-form.resume-form .form-fields .mce-tinymce,
.job-manager-form.resume-form .form-fields iframe[id$="_ifr"]{
  width: 50% !important;
}

/* Radios “grado” en línea */
.job-manager-form.resume-form .fieldset-grado .field label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
}

/* Etiquetas y descripciones */
.job-manager-form.resume-form .form-fields label{
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.job-manager-form.resume-form .form-fields small.description{
  display: block;
  margin-top: 6px;
  opacity: .85;
}

/* ===== Campos que deben ocupar toda la fila ===== */
.job-manager-form.resume-form .fieldset-resume_content,
.job-manager-form.resume-form .fieldset-resume_category{
  grid-column: 1 / -1;
}

/* (Opcional) si quieres que la foto ocupe toda la fila */
/* .job-manager-form.resume-form .fieldset-candidate_photo{ grid-column: 1 / -1; } */

/* (Opcional) multiselects largos a toda fila */
/* .job-manager-form.resume-form .fieldset-contratos_temporales,
   .job-manager-form.resume-form .fieldset-sustituciones_realizadas{ grid-column: 1 / -1; } */

/* ===== Blindaje si el theme mete .row/.col o floats que rompen el layout ===== */
@media (min-width: 768px){
  .job-manager-form.resume-form .form-fields{
    /* “Aísla” el contenedor de frameworks (Bootstrap, etc.) sin perder herencia básica */
    display: grid !important;
    align-items: start;
  }
}