@forward "fonts.scss";
/* Variables */
/*Colores*/
/*Fonts*/
/*Bootstrap*/
.Profesionales {
  background-color: #0A1A2D;
  position: relative; }
  .Profesionales .bodyContent .boxPersonas {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    justify-content: flex-start;
    right: auto;
    left: 0;
    top: 0;
    bottom: 0; }
    @media screen and (min-width: 1920px) {
      .Profesionales .bodyContent .boxPersonas {
        left: 50%;
        transform: translateX(-50%);
        width: 1920px; } }
    @media screen and (max-width: 992px) {
      .Profesionales .bodyContent .boxPersonas {
        display: none; } }
    .Profesionales .bodyContent .boxPersonas .itemImage {
      width: 155px;
      height: 164px; }
      .Profesionales .bodyContent .boxPersonas .itemImage img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .Profesionales .bodyContent .contText {
    z-index: 1;
    position: relative;
    padding: 69px 50px 69px 205px; }
    @media screen and (max-width: 992px) {
      .Profesionales .bodyContent .contText {
        padding: 56px 0 32px 0; } }
    .Profesionales .bodyContent .contText .itemTextoFondo1 {
      margin-bottom: 66px; }
      @media screen and (max-width: 992px) {
        .Profesionales .bodyContent .contText .itemTextoFondo1 {
          margin-bottom: 38px; } }
    .Profesionales .bodyContent .contText .itemTextoFondo1, .Profesionales .bodyContent .contText .itemTextoFondo2 {
      color: #ffffff;
      leading-trim: both;
      text-edge: cap;
      font-family: "Sailec-Thin", sans-serif;
      font-size: clamp(40px, 9vw, 144px);
      font-style: normal;
      font-weight: 100;
      line-height: 90%;
      /* 129.6px */
      text-transform: uppercase;
      opacity: 0.1; }
      @media screen and (max-width: 992px) {
        .Profesionales .bodyContent .contText .itemTextoFondo1, .Profesionales .bodyContent .contText .itemTextoFondo2 {
          display: none !important; } }
    .Profesionales .bodyContent .contText .contentBox {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 148px; }
      @media screen and (max-width: 1250px) {
        .Profesionales .bodyContent .contText .contentBox {
          gap: 100px; } }
      @media screen and (max-width: 992px) {
        .Profesionales .bodyContent .contText .contentBox {
          flex-direction: column;
          gap: 0; } }
      .Profesionales .bodyContent .contText .contentBox .leftColumn {
        max-width: 487px;
        width: 100%; }
        @media screen and (max-width: 992px) {
          .Profesionales .bodyContent .contText .contentBox .leftColumn {
            max-width: 100%; } }
        .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTitulo {
          margin-bottom: 80px; }
          @media screen and (max-width: 992px) {
            .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTitulo {
              margin-bottom: 16px; }
              .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTitulo * {
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                /* 32px */ } }
          .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTitulo * {
            color: #ffffff;
            font-family: "Sailec-Regular", sans-serif;
            font-size: clamp(32px, 4vw, 48px);
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 48px */
            margin: 0; }
        .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTexto {
          margin-bottom: 32px; }
          @media screen and (max-width: 992px) {
            .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTexto {
              margin-bottom: 40px; } }
          .Profesionales .bodyContent .contText .contentBox .leftColumn .itemTexto * {
            color: #ffffff;
            font-family: "Sailec-Light", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            /* 150% */ }
      .Profesionales .bodyContent .contText .contentBox .rightColumn {
        max-width: clamp(350px, 40vw, 487px);
        width: 100%; }
        @media screen and (max-width: 992px) {
          .Profesionales .bodyContent .contText .contentBox .rightColumn {
            max-width: 100%; } }
        .Profesionales .bodyContent .contText .contentBox .rightColumn .btnCta {
          margin-top: 56px;
          margin-bottom: 66px; }
          @media screen and (max-width: 992px) {
            .Profesionales .bodyContent .contText .contentBox .rightColumn .btnCta {
              margin-bottom: 38px; } }
        .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData {
          display: flex;
          flex-direction: column;
          margin-bottom: 32px; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData label {
            color: #C3E1FF;
            font-family: "Sailec-Light", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            /* 125% */
            text-transform: uppercase;
            margin-bottom: 5px; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData input {
            background: transparent;
            padding: 5px 0 15px 0;
            border: unset;
            border-bottom: 1px solid #ffffff;
            color: #ffffff;
            font-family: 'Sailec-Light', sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 100%; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData input:focus-within {
              background: none !important; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData input:focus-visible {
              outline: unset !important; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData input::placeholder {
              color: #ffffff; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-options-container {
            z-index: 4; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-options-container .vscomp-options-list {
              height: 100% !important; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect.pop-comp-active .vscomp-dropbox-container {
            padding: 16px;
            background-color: #ABCAE9;
            height: auto; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect.pop-comp-active .vscomp-toggle-button .vscomp-arrow::after {
            transform-origin: center;
            transition: all .3s linear;
            transform: rotate(180deg); }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect .vscomp-toggle-button {
            box-shadow: none;
            background: transparent;
            padding: 5px 0 15px 0;
            border: unset;
            border-bottom: 1px solid #ffffff;
            color: #ffffff;
            font-family: "Sailec-Light", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 100%; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect .vscomp-toggle-button:not(.has-value) .vscomp-value {
              opacity: 1; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect .vscomp-toggle-button .vscomp-value {
              max-width: 95% !important; }
              @media screen and (max-width: 992px) {
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect .vscomp-toggle-button .vscomp-value {
                  max-width: 93% !important; } }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect .vscomp-toggle-button .vscomp-arrow::after {
              content: "";
              background: url(../../assets/images/icons/down-icon.svg);
              display: block;
              margin-top: 3px;
              width: 17px;
              height: 9px;
              border: 0;
              background-size: contain;
              transform: rotate(0deg);
              transition: transform .3s linear;
              background-repeat: no-repeat; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container,
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .inputSelect {
            max-width: 100%; }
          .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container {
            z-index: 5 !important; }
            .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox {
              background-color: #ABCAE9;
              height: auto;
              overflow-y: auto;
              max-height: 250px; }
              .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox::-webkit-scrollbar {
                width: 9px; }
              .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox::-webkit-scrollbar-thumb {
                background: #0A1A2D; }
              .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox::-webkit-scrollbar-track {
                background: #6B849E;
                border-left: 3px solid transparent;
                border-right: 3px solid transparent;
                background-clip: padding-box; }
              .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option {
                flex-wrap: nowrap !important;
                min-height: 25px !important;
                height: 100% !important;
                padding: 0 8px 0 0;
                margin: 12px 0; }
                @media screen and (min-width: 992px) {
                  .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option:hover .vscomp-option-text {
                    opacity: 1;
                    text-decoration: underline;
                    text-decoration-color: #0A1A2D;
                    text-decoration-thickness: 1px;
                    text-decoration-style: solid;
                    text-underline-offset: 2px; }
                  .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option:hover .checkbox-icon::after {
                    background-color: rgba(105, 116, 128, 0.55); } }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option:first-of-type {
                  margin-top: 0; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option:last-of-type {
                  margin-bottom: 0; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option .checkbox-icon {
                  align-self: baseline;
                  margin-top: 5px; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option.selected, .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option.focused {
                  background-color: transparent; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option.selected .checkbox-icon {
                  border: 1px solid #0A1A2D; }
                  .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option.selected .checkbox-icon::after {
                    background-color: #F14414;
                    transform: unset; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option.selected .vscomp-option-text {
                  text-decoration: underline;
                  text-decoration-color: #F14414;
                  text-decoration-thickness: 3px;
                  text-decoration-style: solid;
                  text-underline-offset: 2px; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option .checkbox-icon {
                  min-width: 15px;
                  padding: 2px;
                  border: 1px solid #0A1A2D; }
                  .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option .checkbox-icon::after {
                    transition-duration: .2s;
                    border: unset;
                    content: "";
                    display: inline-block;
                    height: 100%;
                    width: 100%; }
                .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option .vscomp-option-text {
                  max-width: 500px;
                  white-space: normal;
                  word-break: break-word;
                  overflow-wrap: break-word;
                  width: fit-content;
                  white-space: normal;
                  word-break: break-word;
                  opacity: 0.8;
                  transition: all 0.05s linear;
                  color: #0A1A2D;
                  font-family: "Sailec-Regular", sans-serif;
                  font-size: 16px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 24px;
                  position: relative; }
                  .Profesionales .bodyContent .contText .contentBox .rightColumn .inputData .vscomp-dropbox-container .vscomp-dropbox .vscomp-option .vscomp-option-text:after {
                    transition: all .2s linear;
                    background-color: #F14414;
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 0; }