@forward "fonts.scss";
/* Variables */
/*Colores*/
/*Fonts*/
/*Bootstrap*/
.TabsAcordeon {
  z-index: 12;
  position: relative;
  padding: 112px 32px; }
  @media screen and (max-width: 992px) {
    .TabsAcordeon {
      padding: 56px 0; } }
  .TabsAcordeon .btnCta {
    margin-top: 32px;
    width: fit-content;
    border-color: #0A1A2D; }
    @media screen and (max-width: 992px) {
      .TabsAcordeon .btnCta {
        margin-top: 32px; } }
    .TabsAcordeon .btnCta.gray {
      background-color: #e2e2e0; }
      .TabsAcordeon .btnCta.gray .arrow {
        background-color: #e2e2e0; }
    .TabsAcordeon .btnCta.lightBlue {
      background-color: #c4daf0; }
      .TabsAcordeon .btnCta.lightBlue .arrow {
        background-color: #c4daf0; }
    .TabsAcordeon .btnCta span {
      color: #ffffff;
      transition: all .3s linear; }
    @media screen and (min-width: 992px) {
      .TabsAcordeon .btnCta:hover span {
        color: #0A1A2D; } }
    .TabsAcordeon .btnCta:before {
      background-color: #0A1A2D; }
    .TabsAcordeon .btnCta .arrow {
      border-color: #0A1A2D; }
      .TabsAcordeon .btnCta .arrow:after {
        background: url(../../assets/images/icons/arrow-blue.svg) no-repeat; }
      .TabsAcordeon .btnCta .arrow:before {
        background: url(../../assets/images/icons/arrow-blue.svg) no-repeat; }
  .TabsAcordeon ul li {
    margin-bottom: 10px !important; }
    .TabsAcordeon ul li::marker {
      font-size: 14px; }
  .TabsAcordeon .topCont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 56px; }
    @media screen and (max-width: 992px) {
      .TabsAcordeon .topCont {
        flex-direction: column;
        gap: 0;
        margin-bottom: 0; } }
    .TabsAcordeon .topCont .itemTitulo {
      max-width: 582px;
      width: 100%; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .topCont .itemTitulo {
          max-width: 100%;
          margin-bottom: 40px; } }
      .TabsAcordeon .topCont .itemTitulo * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: clamp(32px, 4vw, 48px);
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 48px */
        margin: 0; }
        @media screen and (max-width: 992px) {
          .TabsAcordeon .topCont .itemTitulo * {
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 32px */ } }
    .TabsAcordeon .topCont .itemTexto {
      max-width: 486px;
      width: 100%; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .topCont .itemTexto {
          max-width: 100%;
          margin-bottom: 40px; } }
      .TabsAcordeon .topCont .itemTexto * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        /* 27px */
        margin: 0; }
  .TabsAcordeon .itemBackground .tabsBox {
    display: flex;
    flex-direction: row; }
    .TabsAcordeon .itemBackground .tabsBox .acordeon.desktop {
      display: flex; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .acordeon.desktop {
          display: none; } }
    .TabsAcordeon .itemBackground .tabsBox .acordeon .tabContentMobile {
      display: none;
      padding: 32px;
      border-left: 3px solid #F14414; }
    .TabsAcordeon .itemBackground .tabsBox .leftColumn {
      padding: 56px 56px 0 56px;
      flex: 0 1 clamp(350px, 30vw, 451px);
      border-left: 8px solid #DD380A;
      position: relative; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .leftColumn {
          padding: 0;
          flex: unset;
          border-left: unset;
          width: 100%; } }
      .TabsAcordeon .itemBackground .tabsBox .leftColumn .containerData {
        position: sticky;
        top: 150px;
        margin-bottom: 60px; }
        @media screen and (max-width: 992px) {
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .containerData {
            position: unset;
            top: unset;
            margin-bottom: unset; } }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs.active {
          margin-bottom: 0; }
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs.active .itemTabTitulo .dataTitulo {
            color: #0A1A2D; }
            .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs.active .itemTabTitulo .dataTitulo:after {
              background: url(../../assets/images/icons/minu-icon-blue.svg) no-repeat; }
            .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs.active .itemTabTitulo .dataTitulo span {
              text-decoration-line: underline;
              text-decoration-color: #F14414;
              text-underline-offset: 1px;
              text-decoration-thickness: 3px; } }
      .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo {
        cursor: pointer;
        color: rgba(10, 26, 45, 0.64);
        font-family: "Sailec-Regular", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.54px;
        margin-bottom: 56px; }
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo {
          overflow: hidden;
          position: relative;
          padding-left: 30px; }
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo span {
            padding-bottom: 2px; }
          @media screen and (max-width: 992px) {
            .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo {
              padding-left: 0; } }
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo * {
            margin: 0; }
          @media screen and (min-width: 992px) {
            .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo {
              display: flex;
              flex-direction: row;
              gap: 16px; }
              .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo:before {
                content: '';
                min-width: 10px;
                height: 10px;
                border-radius: 180px;
                position: absolute;
                left: 0;
                bottom: 0;
                top: 50%;
                transform: translateY(100%);
                background-color: #F14414;
                opacity: 0;
                transition: all .3s ease-in; }
              .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo span {
                border-bottom: 0 solid #F14414;
                transition: all .05s linear; } }
        @media screen and (max-width: 992px) {
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo {
            margin-bottom: 0;
            border-left: 3px solid #F14414;
            padding: 16px;
            width: 100%;
            transition: all .3s linear;
            cursor: pointer; }
            .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo {
              transition: all .3s linear;
              border-color: transparent;
              color: rgba(10, 26, 45, 0.64);
              font-family: "Sailec-Regular", sans-serif;
              font-style: normal;
              font-weight: 400;
              line-height: 120%;
              /* 28.8px */
              letter-spacing: -0.54px;
              margin-bottom: 0;
              display: flex;
              flex-direction: row;
              text-align: left;
              justify-content: space-between;
              align-items: center; }
              .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo span {
                transition: all .08s linear;
                border-bottom: 0 solid #F14414; }
                .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo span * {
                  margin: 0; }
              .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo:after {
                content: '';
                margin-left: 10px;
                min-width: 24px;
                height: 24px;
                background: url(../../assets/images/icons/plus-icon.svg) no-repeat;
                background-size: contain; } }
      @media screen and (max-width: 992px) and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo .dataTitulo:after {
          width: 24px;
          height: 24px; } }
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:last-of-type {
          margin-bottom: unset; }

@media screen and (min-width: 992px) and (max-width: 992px) {
  .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:hover .dataTitulo {
    color: #0A1A2D; } }
        @media screen and (min-width: 992px) {
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:hover .dataTitulo span {
            transition: all .05s linear;
            text-decoration: underline;
            text-decoration-line: underline;
            text-decoration-color: rgba(10, 26, 45, 0.64);
            text-underline-offset: 3px;
            text-decoration-thickness: 1px; } }
  @media screen and (min-width: 992px) and (max-width: 992px) {
    .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:hover .dataTitulo span {
      border-bottom: 3px solid #F14414; } }
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo.active .dataTitulo span {
          transition: all .05s linear;
          text-decoration: underline;
          text-decoration-line: underline;
          text-decoration-color: #F14414;
          text-underline-offset: 3px;
          text-decoration-thickness: 3px; }
        .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:hover, .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo.active {
          color: #0A1A2D; }
          .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo:hover .dataTitulo::before, .TabsAcordeon .itemBackground .tabsBox .leftColumn .contTabs .itemTabTitulo.active .dataTitulo::before {
            transform: translateY(-50%);
            opacity: 1; }
    .TabsAcordeon .itemBackground .tabsBox .itemTab {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 32px; }
      .TabsAcordeon .itemBackground .tabsBox .itemTab .tabImage {
        height: 307px;
        margin-bottom: 32px; }
        .TabsAcordeon .itemBackground .tabsBox .itemTab .tabImage img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .TabsAcordeon .itemBackground .tabsBox .itemTab .tabTitulo {
        margin-bottom: 32px; }
        .TabsAcordeon .itemBackground .tabsBox .itemTab .tabTitulo * {
          color: #0A1A2D;
          font-family: "Sailec-Regular", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: 130%;
          /* 31.2px */
          margin: 0; }
          @media screen and (max-width: 992px) {
            .TabsAcordeon .itemBackground .tabsBox .itemTab .tabTitulo * {
              font-size: 20px; } }
      .TabsAcordeon .itemBackground .tabsBox .itemTab .tabTexto * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 16px;
        font-style: normal;
        line-height: 140%;
        margin: 0; }
      .TabsAcordeon .itemBackground .tabsBox .itemTab .boxAcordeon {
        width: 100%;
        margin-top: 32px;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        transition: all .3s linear; }
        .TabsAcordeon .itemBackground .tabsBox .itemTab .boxAcordeon .noContexts {
          margin-top: 0; }
        @media screen and (max-width: 992px) {
          .TabsAcordeon .itemBackground .tabsBox .itemTab .boxAcordeon {
            gap: 16px; } }
    @media screen and (min-width: 992px) {
      .TabsAcordeon .itemBackground .tabsBox .itemAcordeon:hover .contTitle .itemTitulo {
        color: #DD380A; }
        .TabsAcordeon .itemBackground .tabsBox .itemAcordeon:hover .contTitle .itemTitulo:after {
          background: url(../../assets/images/icons/plus-icon-orange.svg) no-repeat; } }
    .TabsAcordeon .itemBackground .tabsBox .itemAcordeon.active .contTitle {
      padding-bottom: 24px; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .itemAcordeon.active .contTitle {
          padding-bottom: 16px; } }
      .TabsAcordeon .itemBackground .tabsBox .itemAcordeon.active .contTitle .itemTitulo {
        color: #DD380A; }
        .TabsAcordeon .itemBackground .tabsBox .itemAcordeon.active .contTitle .itemTitulo:after {
          background: url(../../assets/images/icons/minus-icon.svg) no-repeat; }
    .TabsAcordeon .itemBackground .tabsBox .itemAcordeon.active .acordeonTexto .itemTexto {
      opacity: 1; }
    .TabsAcordeon .itemBackground .tabsBox .contTitle {
      padding: 24px;
      width: 100%;
      transition: all .3s linear;
      cursor: pointer; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .contTitle {
          padding: 16px; } }
      .TabsAcordeon .itemBackground .tabsBox .contTitle .itemTitulo {
        transition: all .3s linear;
        border-color: transparent;
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 115%;
        display: flex;
        flex-direction: row;
        text-align: left;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 992px) {
          .TabsAcordeon .itemBackground .tabsBox .contTitle .itemTitulo {
            font-weight: 400;
            font-size: 16px;
            line-height: 114.99999999999999%;
            letter-spacing: 0px; } }
        .TabsAcordeon .itemBackground .tabsBox .contTitle .itemTitulo * {
          margin: 0; }
        .TabsAcordeon .itemBackground .tabsBox .contTitle .itemTitulo:after {
          content: '';
          margin-left: 10px;
          min-width: 24px;
          height: 24px;
          background: url(../../assets/images/icons/plus-icon.svg) no-repeat;
          background-size: contain; }
    .TabsAcordeon .itemBackground .tabsBox .acordeonTexto {
      width: 100%;
      padding: 0 24px 24px 24px;
      display: none; }
      @media screen and (max-width: 992px) {
        .TabsAcordeon .itemBackground .tabsBox .acordeonTexto {
          padding: 0 16px 16px 16px; } }
      .TabsAcordeon .itemBackground .tabsBox .acordeonTexto .itemTexto {
        opacity: 0;
        transition: opacity .3s linear;
        padding-top: 24px;
        border-top: 1px solid #DD380A; }
        .TabsAcordeon .itemBackground .tabsBox .acordeonTexto .itemTexto * {
          font-size: 16px;
          line-height: 24px;
          color: #0A1A2D;
          font-family: "Sailec-Regular", sans-serif; }
          @media screen and (max-width: 992px) {
            .TabsAcordeon .itemBackground .tabsBox .acordeonTexto .itemTexto * {
              font-weight: 400;
              font-size: 14px;
              line-height: 24px; } }
    .TabsAcordeon .itemBackground .tabsBox .itemAcordeon {
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      margin-bottom: 16px; }
      .TabsAcordeon .itemBackground .tabsBox .itemAcordeon:last-child {
        margin-bottom: 0; }
      .TabsAcordeon .itemBackground .tabsBox .itemAcordeon:only-child {
        margin-bottom: 0; }
    .TabsAcordeon .itemBackground .tabsBox .rightColumn {
      padding: 56px;
      flex: 0 1 calc( 100% - clamp(350px, 30vw,451px)); }