@forward "fonts.scss";
/* Variables */
/*Colores*/
/*Fonts*/
/*Bootstrap*/
.PersonHeader .contCard {
  padding: 64px 24px;
  background-color: #ffffff; }
  @media screen and (max-width: 1100px) {
    .PersonHeader .contCard {
      padding: 46px 0; } }
  .PersonHeader .contCard .breadcrumbsBox {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 9px;
      color: #0A1A2D;
      leading-trim: both;
      text-edge: cap;
      font-family: "Sailec-Regular", sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 142.857% */
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
      margin-left: 9px;
      transition: all .2s linear; }
      .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb:hover {
        color: #DD380A; }
      .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb:first-of-type {
        margin-left: 0; }
      .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb:last-of-type {
        text-decoration: none;
        cursor: unset; }
        .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb:last-of-type:hover {
          color: unset; }
        .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb:last-of-type:after {
          content: unset; }
      .PersonHeader .contCard .breadcrumbsBox .itemBreadcrumb::after {
        content: '';
        background: url(../../assets/images/icons/major.svg) no-repeat;
        width: 5px;
        height: 8px;
        background-size: contain; }
    @media screen and (max-width: 992px) {
      .PersonHeader .contCard .breadcrumbsBox {
        display: none; } }
  .PersonHeader .contCard .infoBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px; }
    .PersonHeader .contCard .infoBox .downBtn {
      width: fit-content;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 16px;
      position: relative;
      text-decoration: none;
      padding: 12px 0;
      border-bottom: 1px solid #0A1A2D;
      transition: all 0.25s linear; }
      @media screen and (min-width: 992px) {
        .PersonHeader .contCard .infoBox .downBtn:hover {
          border-color: transparent; }
          .PersonHeader .contCard .infoBox .downBtn:hover::before {
            width: 100%; }
          .PersonHeader .contCard .infoBox .downBtn:hover .text {
            color: #ffffff;
            padding-left: 10px; }
          .PersonHeader .contCard .infoBox .downBtn:hover .iconDownload {
            margin-right: 10px; }
            .PersonHeader .contCard .infoBox .downBtn:hover .iconDownload path {
              stroke: #ffffff; } }
      .PersonHeader .contCard .infoBox .downBtn::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #0A1A2D;
        transition: all 0.25s ease-in;
        z-index: 1; }
      .PersonHeader .contCard .infoBox .downBtn .text {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 125% */
        text-transform: uppercase;
        position: relative;
        padding-left: 0;
        transition: all 0.25s linear;
        z-index: 2; }
      .PersonHeader .contCard .infoBox .downBtn .iconDownload {
        min-width: 24px;
        height: 21px;
        z-index: 2;
        margin-right: 0;
        transition: all 0.25s linear; }
        .PersonHeader .contCard .infoBox .downBtn .iconDownload path {
          transition: all 0.25s linear; }
  .PersonHeader .contCard .personCont {
    margin-top: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px; }
    @media screen and (max-width: 992px) {
      .PersonHeader .contCard .personCont {
        margin-top: 24px;
        flex-direction: column-reverse; } }
    .PersonHeader .contCard .personCont .leftColumn {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 32px;
      width: 100%; }
      .PersonHeader .contCard .personCont .leftColumn .upperContent .line {
        border-bottom: 1px solid #0A1A2D;
        padding-bottom: 24px;
        margin-bottom: 24px; }
        .PersonHeader .contCard .personCont .leftColumn .upperContent .line .itemTitulo {
          width: 70%;
          color: #0A1A2D;
          font-family: "Sailec-Light", sans-serif;
          font-size: 32px;
          font-style: normal;
          font-weight: 300;
          line-height: 120%; }
          @media screen and (max-width: 1400px) {
            .PersonHeader .contCard .personCont .leftColumn .upperContent .line .itemTitulo {
              width: 85%; } }
          @media screen and (max-width: 992px) {
            .PersonHeader .contCard .personCont .leftColumn .upperContent .line .itemTitulo {
              font-family: "Sailec-Thin", sans-serif;
              width: 100%;
              font-size: 32px;
              font-weight: 100;
              line-height: 100%;
              /* 38px */ } }
      .PersonHeader .contCard .personCont .leftColumn .upperContent .topContent {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .PersonHeader .contCard .personCont .leftColumn .upperContent .topContent .itemCargo, .PersonHeader .contCard .personCont .leftColumn .upperContent .topContent .itemOficina {
          color: #0A1A2D;
          font-family: "Sailec-Regular", sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 20px;
          /* 125% */
          text-transform: uppercase; }
      .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent {
        display: flex;
        flex-direction: row; }
        @media screen and (max-width: 767px) {
          .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent {
            flex-direction: column; } }
        .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft {
          width: 374px;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          margin-right: 26px; }
          @media screen and (max-width: 992px) {
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft {
              width: 500px; } }
          @media screen and (max-width: 767px) {
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft {
              margin-right: 0;
              margin-bottom: 24px;
              width: 100%; } }
          .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item {
            margin-bottom: 14px;
            display: flex;
            gap: 6px;
            align-items: center; }
            @media screen and (max-width: 992px) {
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item {
                flex-direction: column;
                align-items: flex-start; } }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .dataInfo {
              display: flex;
              flex-direction: row;
              align-items: center; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item:last-of-type {
              margin-bottom: 0; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .text {
              opacity: .6; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .contact,
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .text {
              color: #0A1A2D;
              font-family: "Sailec-Regular", sans-serif;
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px;
              transition: all .2s linear; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .contact:hover,
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .text:hover {
                color: #DD380A; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .copyData {
              cursor: pointer;
              margin-left: 8px;
              border: 1px solid #0A1A2D;
              border-radius: 186px;
              width: 20px;
              height: 20px;
              display: flex;
              align-items: unset;
              justify-content: center;
              position: relative; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .copyData .copiedNotice {
                position: absolute;
                background-color: #0a1a2d;
                color: white;
                padding: 6px 12px;
                border-radius: 6px;
                font-size: 10px;
                z-index: 9999;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                pointer-events: none;
                transition: opacity 0.3s ease; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentLeft .item .copyData .copyIcon {
                padding: 3px;
                object-fit: contain; }
        .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight {
          padding-left: 26px;
          border-left: 1px solid rgba(10, 26, 45, 0.3); }
          @media screen and (max-width: 767px) {
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight {
              padding-top: 24px;
              border-left: unset;
              border-top: 1px solid rgba(10, 26, 45, 0.3);
              padding-left: 0; } }
          .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .title {
            color: #0A1A2D;
            font-family: "Sailec-Regular", sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            opacity: .6;
            margin-bottom: 16px;
            display: block; }
          .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemLink {
              text-decoration: unset !important; }
            .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemArea {
              z-index: 2;
              padding: 3px 8px 3px 10px;
              border-left: 2px solid #0A1A2D;
              background-color: #C3E1FF;
              position: relative; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemArea * {
                z-index: 5;
                position: relative;
                color: #0A1A2D;
                font-family: "Sailec-Regular", sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                transition: all .3s linear;
                text-transform: uppercase; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemArea:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 100%;
                background-color: #0A1A2D;
                transition: all 0.25s ease-in;
                z-index: 1; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemArea:hover span {
                color: #ffffff; }
              .PersonHeader .contCard .personCont .leftColumn .downContent .bottomContent .contentRight .areaCont .itemArea:hover:before {
                width: 100%; }
    .PersonHeader .contCard .personCont .rightColumn {
      max-width: 486px;
      width: 100%; }
      @media screen and (max-width: 992px) {
        .PersonHeader .contCard .personCont .rightColumn {
          max-width: 100%; } }
      @media screen and (max-width: 767px) {
        .PersonHeader .contCard .personCont .rightColumn {
          height: 188px; } }
      .PersonHeader .contCard .personCont .rightColumn img {
        object-fit: cover;
        width: 100%;
        height: 100%; }