/*Espaciados rem */
.rand-salary-calculator.bg-variant-brand-secondary a:hover {
  -webkit-text-decoration: underline solid currentColor;
          text-decoration: underline solid currentColor; }

.rand-salary-calculator__steps {
  margin: 0 auto 80px;
  text-align: center;
  width: 85%;
  display: flex;
  justify-content: space-evenly; }
  body[data-post$="-resultado"] .rand-salary-calculator__steps {
    display: block;
    margin-bottom: 40px; }
  .rand-salary-calculator__steps span {
    color: var(--color-brand-primary);
    opacity: 0.4;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.125rem;
    letter-spacing: 0;
    text-transform: lowercase; }
    .rand-salary-calculator__steps span:before {
      content: "";
      display: block;
      background: url("../img/step_normal.svg") no-repeat;
      background-size: contain;
      width: 14px;
      height: 14px;
      margin: 8px auto; }
    .rand-salary-calculator__steps span.current, .rand-salary-calculator__steps span.completed, .rand-salary-calculator__steps span.done {
      opacity: 1; }
      .rand-salary-calculator__steps span.current:before, .rand-salary-calculator__steps span.completed:before, .rand-salary-calculator__steps span.done:before {
        width: 25px;
        height: 25px;
        margin: 0 auto 4.5px; }
    .rand-salary-calculator__steps span.completed:before {
      background: url("../img/step_done.svg") no-repeat;
      background-size: contain; }
    .rand-salary-calculator__steps span.current:before {
      background: url("../img/step_current.svg") no-repeat;
      background-size: contain; }
    .rand-salary-calculator__steps span.done:before {
      background: url("../img/step_done.svg") no-repeat;
      background-size: contain; }
    body[data-post$="-resultado"] .rand-salary-calculator__steps span {
      font-size: 1.25rem; }
  .rand-salary-calculator__steps[hidden] {
    display: none; }
  @media (max-width: 991px) {
    .rand-salary-calculator__steps {
      width: 100%;
      justify-content: space-between;
      margin-bottom: 30px; }
      .rand-salary-calculator__steps span {
        font-size: 0.75rem;
        line-height: 1.05;
        letter-spacing: normal; }
      .rand-salary-calculator__steps span:before {
        width: 7.5px;
        height: 7.5px;
        margin-top: 4px; }
      .rand-salary-calculator__steps span.current:before,
      .rand-salary-calculator__steps span.completed:before,
      .rand-salary-calculator__steps span.done:before {
        width: 15px;
        height: 15px; } }

.rand-salary-calculator fieldset {
  margin: 0;
  padding: 0; }

.rand-salary-calculator .option-group .selection-control__input {
  top: 0; }

.rand-salary-calculator .option-group .selection-control__label {
  height: 60px;
  line-height: 58px;
  color: #fff;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  text-align: center; }

.rand-salary-calculator .option-group .selection-control input:checked + .selection-control__label {
  background: rgba(255, 255, 255, 0.5);
  border-color: #fff; }

.rand-salary-calculator .step-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 80px; }
  .rand-salary-calculator .step-header__image {
    max-width: 112px;
    height: auto; }
  .rand-salary-calculator .step-header__title {
    margin-left: 20px; }
  .rand-salary-calculator .step-header[hidden] {
    display: none; }
  @media (max-width: 991px) {
    .rand-salary-calculator .step-header {
      display: none; } }

.rand-salary-calculator .experience__wrapper {
  justify-content: center;
  margin: 40px 0; }
  .rand-salary-calculator .experience__wrapper .selection-control__label {
    height: 50px;
    line-height: 48px;
    width: 158px; }

.rand-salary-calculator__background-container {
  position: relative; }

.rand-salary-calculator__background-image {
  position: absolute;
  bottom: 30px;
  max-width: 438px;
  height: auto; }
  .step .rand-salary-calculator__background-image {
    bottom: 0; }
  .rand-salary-calculator__background-image ~ * {
    position: inherit; }
  @media (max-width: 1199px) {
    .rand-salary-calculator__background-image {
      width: 40%; } }
  @media (max-width: 991px) {
    .rand-salary-calculator__background-image {
      display: none; } }

.rand-salary-calculator__title {
  margin-bottom: 40px; }
  .rand-salary-calculator__title > span:not([data-alias]) {
    display: block;
    margin-bottom: 60px; }
  .rand-salary-calculator__title em {
    font-style: normal;
    color: var(--color-brand-primary); }

.rand-salary-calculator__subtitle {
  margin-bottom: 20px; }

.rand-salary-calculator__form {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .rand-salary-calculator__form input[type="text"] {
    width: 335px; }
  .rand-salary-calculator__form fieldset {
    margin: 0;
    padding: 0; }
  .rand-salary-calculator__form .form-group + .form-group {
    margin-left: 40px;
    margin-top: 0; }
  @media (max-width: 991px) {
    .rand-salary-calculator__form {
      flex-direction: column;
      align-items: center; }
      .rand-salary-calculator__form input[type="text"] {
        width: 100%; }
      .rand-salary-calculator__form .form-group {
        width: 100%;
        max-width: 335px; }
      .rand-salary-calculator__form .form-group + .form-group {
        margin-left: 0;
        margin-top: 20px; }
      .rand-salary-calculator__form .option-group .form-group__input {
        flex: 1; }
        .rand-salary-calculator__form .option-group .form-group__input:nth-child(2) {
          margin-right: 0; }
      .rand-salary-calculator__form .selection-control__input {
        width: 100%; }
      .rand-salary-calculator__form .selection-control__label {
        width: 100%;
        text-align: center; }
      .rand-salary-calculator__form #start-search {
        width: 100%; } }

.rand-salary-calculator__start-form, .rand-salary-calculator__step-form {
  max-width: 400px;
  margin: 40px auto 0;
  padding-bottom: 40px; }
  .rand-salary-calculator__start-form .form-group + .form-group, .rand-salary-calculator__step-form .form-group + .form-group {
    margin-top: 40px; }

.rand-salary-calculator__buttons-form {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 20px; }
  .rand-salary-calculator__buttons-form[hidden] {
    display: none; }

.rand-salary-calculator__result-form {
  max-width: 543px;
  margin: 0 auto; }

.rand-salary-calculator[data-type="result"] .form-group + .form-group {
  margin-top: 20px; }

.rand-salary-calculator .comparative {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  margin: 0 30px 30px;
  column-gap: 50px; }
  @media (max-width: 991px) {
    .rand-salary-calculator .comparative {
      margin: 0 0 30px;
      column-gap: 30px; } }

.rand-salary-calculator .salary {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 457px;
  row-gap: 20px; }
  .rand-salary-calculator .salary__text {
    flex: 1; }
    .rand-salary-calculator .salary__text span {
      display: block; }
  .rand-salary-calculator .salary__bars {
    height: 300px;
    width: 108px;
    border-radius: 54px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 991px) {
      .rand-salary-calculator .salary__bars {
        width: 70px; } }
  .rand-salary-calculator .salary__bar {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 54px;
    position: absolute;
    bottom: 0;
    top: 300px;
    transition: top 2s ease 0s; }
  .rand-salary-calculator .salary--user .salary__bar {
    background-color: var(--color-brand-primary); }

.rand-salary-calculator #payments_options_block .block,
.rand-salary-calculator #other_payments_block .block {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    .rand-salary-calculator #payments_options_block .block,
    .rand-salary-calculator #other_payments_block .block {
      gap: 10px; } }

.rand-salary-calculator .social__share {
  margin: 80px auto 0;
  text-align: center;
  max-width: 543px;
  flex-direction: column; }
  .rand-salary-calculator .social__share-text {
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0; }

.rand-salary-calculator .rand-text-policy-v3 {
  max-width: 400px;
  margin: auto;
  margin-top: 30px; }

.tag--payment {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #fff;
  transition: 0.2s ease;
  justify-content: center;
  height: auto;
  border: 1px solid transparent; }
  .tag--payment .selection-control {
    width: 277px;
    height: 198px;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end; }
    @media (max-width: 991px) {
      .tag--payment .selection-control {
        width: 157.5px;
        height: 111px;
        padding: 10px; }
        .tag--payment .selection-control__label {
          font-size: 0.75rem;
          line-height: 0.9375rem;
          letter-spacing: 0; } }
  .tag--payment img {
    width: 100px;
    height: auto; }
    @media (max-width: 991px) {
      .tag--payment img {
        width: 75px; } }
  .tag--payment.tag__checked-background-color {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.5); }

.grecaptcha-badge {
  display: none !important; }

/*# sourceMappingURL=salary-calculator.css.map */