.elementor-32828 .elementor-element.elementor-element-c283c82{--display:flex;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32828 .elementor-element.elementor-element-078291d{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-32828 .elementor-element.elementor-element-078291d.elementor-element{--align-self:center;}.elementor-32828 .elementor-element.elementor-element-2ed24d6{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;}.elementor-32828 .elementor-element.elementor-element-2ed24d6.elementor-element{--align-self:center;}.elementor-32828 .elementor-element.elementor-element-a5f0553{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px -2px rgba(0,0,0,0.5);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-32828 .elementor-element.elementor-element-a5f0553:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:769px){.elementor-32828 .elementor-element.elementor-element-a5f0553{--width:73%;}}@media(max-width:768px){.elementor-32828 .elementor-element.elementor-element-078291d.elementor-element{--align-self:center;}.elementor-32828 .elementor-element.elementor-element-078291d{text-align:center;}.elementor-32828 .elementor-element.elementor-element-2ed24d6.elementor-element{--align-self:center;}.elementor-32828 .elementor-element.elementor-element-2ed24d6{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-078291d */.eyebrow{
    display:inline-block;
    font: 600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Poppins,Arial,sans-serif;
    letter-spacing:.08em; text-transform: uppercase;
    color: var(--brand-olive);
    background: rgba(95,127,59,.08);
    border: 1px solid rgba(95,127,59,.15);
    padding: 8px 12px; border-radius: 999px; margin-bottom: 14px;
  }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2ed24d6 */.eyebrow{
    display:inline-block;
    font: 600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Poppins,Arial,sans-serif;
    letter-spacing:.08em; text-transform: uppercase;
    color: var(--brand-olive);
    background: rgba(95,127,59,.08);
    border: 1px solid rgba(95,127,59,.15);
    padding: 8px 12px; border-radius: 999px; margin-bottom: 14px;
  }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-065d01e *//* ====== FORMULARIO EXTRAORDINARIOS ====== */
.form-extraordinarios.gform_wrapper {
  background: #fff;
  border: 1px solid #e8e3ea;
  border-radius: 16px;
  padding: 30px 25px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  max-width: 750px;
  margin: 0 auto;
  font-family: system-ui, sans-serif;
}

/* ====== ETIQUETAS ====== */
.form-extraordinarios .gfield_label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #222; /* Negro */
}

/* ====== INPUTS, SELECTS Y TEXTAREAS ====== */
.form-extraordinarios input[type=text],
.form-extraordinarios input[type=email],
.form-extraordinarios input[type=tel],
.form-extraordinarios input[type=number],
.form-extraordinarios input[type=password],
.form-extraordinarios select,
.form-extraordinarios textarea {
  width: 100%;
  min-height: 42px; /* altura consistente */
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color .2s ease, box-shadow .2s ease;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
  box-sizing: border-box;
}

/* ====== FOCUS ====== */
.form-extraordinarios input:focus,
.form-extraordinarios select:focus,
.form-extraordinarios textarea:focus {
  border-color: #5f7f3b; /* Verde Extraordinarios */
  box-shadow: 0 0 0 2px rgba(95,127,59,0.25);
  outline: none;
}

/* ====== RADIOS Y CHECKBOXES ====== */
.form-extraordinarios .gfield_radio li,
.form-extraordinarios .gfield_checkbox li {
  margin-bottom: 8px;
  display: flex;
  align-items: center; /* centra input con el texto */
}

.form-extraordinarios input[type=radio],
.form-extraordinarios input[type=checkbox] {
  margin-right: 8px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

/* ====== BOTÓN DE ENVIAR / SIGUIENTE ====== */
.form-extraordinarios .gform_footer input[type=submit],
.form-extraordinarios .gform_page_footer input[type=button],
.form-extraordinarios .gform_page_footer input[type=submit] {
  background: #5f7f3b !important;   /* Verde corporativo */
  color: #fff !important;
  font-weight: 600;
  border: none;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-block;
}

.form-extraordinarios .gform_footer input[type=submit]:hover,
.form-extraordinarios .gform_page_footer input[type=button]:hover,
.form-extraordinarios .gform_page_footer input[type=submit]:hover {
  background: #476234 !important;   /* Verde más oscuro */
}

/* ====== DOS COLUMNAS PARA NOMBRE/APELLIDO ====== */
.form-extraordinarios .gfield.gf_left_half,
.form-extraordinarios .gfield.gf_right_half {
  width: 48% !important;
  float: left;
}

.form-extraordinarios .gfield.gf_right_half {
  margin-left: 4%;
}

/* ====== ERRORES ====== */
.form-extraordinarios .gfield_error input,
.form-extraordinarios .gfield_error select,
.form-extraordinarios .gfield_error textarea {
  border-color: #e57373;
  background: #fff5f5;
}

/* Opciones alineadas correctamente */
.form-extraordinarios .gfield_radio li,
.form-extraordinarios .gfield_checkbox li {
  display: flex;
  align-items: center;  /* centra el input con el texto */
  gap: 6px;             /* espacio entre el círculo/cuadro y el texto */
}

.form-extraordinarios input[type=radio],
.form-extraordinarios input[type=checkbox] {
  margin: 0;            /* elimina márgenes que empujaban hacia arriba */
  width: 18px;
  height: 18px;
  flex-shrink: 0;       /* evita que se deforme */
  position: relative;
  top: 0;               /* asegura que no suba */
}

/* Centrar verticalmente placeholders (como Regional, Distrito, etc.) */
.form-extraordinarios input::placeholder,
.form-extraordinarios textarea::placeholder {
  color: #777;          /* color gris suave */
  opacity: 1;           /* asegura que se vea en todos los navegadores */
}

.form-extraordinarios input[type=text],
.form-extraordinarios input[type=email],
.form-extraordinarios input[type=tel],
.form-extraordinarios input[type=number],
.form-extraordinarios select,
.form-extraordinarios textarea {
  padding: 10px 14px;   /* altura uniforme */
  line-height: 1.4;     /* centra verticalmente */
  vertical-align: middle;
  display: flex;
  align-items: center;
}


/* ====== CHECKBOXES Y RADIOS PERSONALIZADOS ====== */
.form-extraordinarios input[type=checkbox],
.form-extraordinarios input[type=radio] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 18px;
  height: 18px;
  border: 2px solid #5f7f3b; /* borde verde corporativo */
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

/* Checkbox marcado */
.form-extraordinarios input[type=checkbox]:checked {
  background-color: #5f7f3b;
  border-color: #5f7f3b;
}

.form-extraordinarios input[type=checkbox]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Radios redondos */
.form-extraordinarios input[type=radio] {
  border-radius: 50%;
}

/* Radio seleccionado */
.form-extraordinarios input[type=radio]:checked {
  background-color: #5f7f3b;
  border-color: #5f7f3b;
}

.form-extraordinarios input[type=radio]:checked::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ====== BOTONES SIN BORDE AZUL ====== */
.form-extraordinarios .gform_footer input[type=submit],
.form-extraordinarios .gform_page_footer input[type=button],
.form-extraordinarios .gform_page_footer input[type=submit] {
  background: #5f7f3b !important;
  color: #fff !important;
  font-weight: 600;
  border: none !important;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.3s ease;
  outline: none !important;
  box-shadow: none !important;
}

.form-extraordinarios .gform_footer input[type=submit]:hover,
.form-extraordinarios .gform_page_footer input[type=button]:hover,
.form-extraordinarios .gform_page_footer input[type=submit]:hover {
  background: #476234 !important;
}

/* Eliminar borde azul en focus */
.form-extraordinarios .gform_footer input[type=submit]:focus,
.form-extraordinarios .gform_page_footer input[type=button]:focus,
.form-extraordinarios .gform_page_footer input[type=submit]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(95,127,59,0.3) !important; /* opcional: glow verde */
}/* End custom CSS */