@forward "fonts.scss";
/* Variables */
/*Colores*/
/*Fonts*/
/*Bootstrap*/
.CustomizableBox {
  padding: 80px 0; }
  @media screen and (max-width: 992px) {
    .CustomizableBox {
      padding: 56px 0; } }
  .CustomizableBox.fondo_2 .topColumn .itemTexto *,
  .CustomizableBox.fondo_2 .topColumn .itemTitulo *,
  .CustomizableBox.fondo_3 .topColumn .itemTexto *,
  .CustomizableBox.fondo_3 .topColumn .itemTitulo * {
    color: #ffffff; }
  .CustomizableBox.fondo_4 .topColumn .itemTexto *,
  .CustomizableBox.fondo_4 .topColumn .itemTitulo *,
  .CustomizableBox.fondo_5 .topColumn .itemTexto *,
  .CustomizableBox.fondo_5 .topColumn .itemTitulo * {
    color: #0A1A2D; }
  .CustomizableBox ul li {
    margin-bottom: 10px !important; }
    .CustomizableBox ul li::marker {
      font-size: 14px; }
  .CustomizableBox .topColumn {
    display: flex;
    flex-direction: row;
    margin-bottom: 56px;
    justify-content: space-between; }
    .CustomizableBox .topColumn.desplegable .itemTitulo {
      margin-bottom: 32px; }
    @media screen and (max-width: 992px) {
      .CustomizableBox .topColumn {
        margin-bottom: 40px;
        flex-direction: column; } }
    .CustomizableBox .topColumn .itemTitulo {
      max-width: 580px;
      width: 100%; }
      @media screen and (max-width: 992px) {
        .CustomizableBox .topColumn .itemTitulo {
          margin-bottom: 16px; } }
      .CustomizableBox .topColumn .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; }
    .CustomizableBox .topColumn .itemTexto {
      max-width: 486px;
      width: 100%; }
      .CustomizableBox .topColumn .itemTexto * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        /* 150% */ }
        .CustomizableBox .topColumn .itemTexto *:last-child {
          margin: 0; }
      .CustomizableBox .topColumn .itemTexto ul li {
        margin-bottom: 20px; }
    .CustomizableBox .topColumn:not(:has(.itemTexto)) .itemTitulo {
      max-width: 650px !important; }
  .CustomizableBox .bottomColumn {
    display: flex;
    gap: 16px; }
    .CustomizableBox .bottomColumn.izquierda {
      flex-direction: row; }
    .CustomizableBox .bottomColumn.derecha {
      flex-direction: row-reverse; }
    @media screen and (max-width: 992px) {
      .CustomizableBox .bottomColumn.izquierda, .CustomizableBox .bottomColumn.derecha {
        flex-direction: column; } }
    .CustomizableBox .bottomColumn .itemImagen {
      position: sticky;
      top: 0;
      flex: 0 1 330px;
      width: 100%;
      max-height: 960px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      @media screen and (max-width: 992px) {
        .CustomizableBox .bottomColumn .itemImagen {
          position: relative;
          max-height: clamp(196px, 38vw, 300px); } }
    .CustomizableBox .bottomColumn .itemContent {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .CustomizableBox .bottomColumn .itemContent.hasImage {
        flex: 0 1 calc( 100% - 330px); }
      @media screen and (max-width: 992px) {
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon {
          gap: 0; } }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable {
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon {
          border-left: 8px solid #D5D5D3;
          transition: all .3s linear; }
          .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon.active {
            border-color: #DD380A; }
            .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon.active .contTitle {
              padding-bottom: 24px; }
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon.active .contTitle .itemTitulo {
                color: #DD380A; }
                .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon.active .contTitle .itemTitulo:after {
                  background: url(../../assets/images/icons/minus-icon.svg) no-repeat; }
            .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon.active .bodyCont .itemTexto {
              opacity: 1; }
          .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle {
            padding: 48px;
            width: 100%;
            transition: all .3s linear;
            cursor: pointer; }
            @media screen and (max-width: 992px) {
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle {
                padding: 24px; } }
            .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .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%;
              /* 23px */
              text-transform: uppercase;
              display: flex;
              flex-direction: row;
              text-align: left;
              justify-content: space-between;
              align-items: center; }
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle .itemTitulo * {
                transition: all .3s linear;
                margin: 0; }
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .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; }
                @media screen and (max-width: 992px) {
                  .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle .itemTitulo:after {
                    min-width: 24px;
                    height: 24px; } }
              @media screen and (min-width: 992px) {
                .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle .itemTitulo:hover * {
                  color: #DD380A; }
                .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .contTitle .itemTitulo:hover:after {
                  background-size: contain !important;
                  background: url(../../assets/images/icons/plus-icon-orange.svg) no-repeat; } }
          .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .bodyCont {
            width: 100%;
            padding: 0 48px 48px 48px;
            display: none; }
            @media screen and (max-width: 992px) {
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .bodyCont {
                padding: 0 24px 24px 24px; } }
            .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .bodyCont .itemTexto {
              opacity: 0;
              transition: opacity .3s linear;
              padding-top: 24px;
              border-top: 1px solid #DD380A; }
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .bodyCont .itemTexto a {
                color: #DD380A !important; }
              .CustomizableBox .bottomColumn .itemContent .boxAcordeon.desplegable .itemAcordeon.tabAcordeon .bodyCont .itemTexto * {
                font-size: 20px;
                line-height: 135%;
                /* 27px */
                text-align: left;
                color: #0A1A2D;
                font-family: "Sailec-Regular", sans-serif; }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon .itemAcordeon {
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon .itemAcordeon .btnCta {
          margin-left: auto;
          margin-top: 56px;
          width: fit-content; }
          @media screen and (max-width: 992px) {
            .CustomizableBox .bottomColumn .itemContent .boxAcordeon .itemAcordeon .btnCta {
              margin-top: 32px; } }
      @media screen and (max-width: 992px) {
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.single, .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.multiple {
          padding: 32px !important; }
          .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.single .itemTexto, .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.multiple .itemTexto {
            padding: 0; } }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.multiple {
        border-left: 8px solid #D5D5D3;
        padding: 48px 56px; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.multiple .itemTitulo {
          margin-bottom: 32px; }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.single {
        padding: 96px 56px 48px 56px; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon.tabPlana.single .itemTitulo {
          margin-bottom: 32px; }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon .texts .itemTitulo * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 115%;
        /* 23px */
        text-transform: uppercase; }
      .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon .texts .itemTexto {
        padding: 0 64px; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon .texts .itemTexto a {
          text-decoration: underline;
          color: #DD380A !important; }
        .CustomizableBox .bottomColumn .itemContent .boxAcordeon.texto_plano .itemAcordeon .texts .itemTexto * {
          color: #0A1A2D;
          font-family: "Sailec-Regular", sans-serif;
          font-size: 16px;
          line-height: 24px; }
      .CustomizableBox .bottomColumn .itemContent .boxKpis {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, 1fr); }
        @media screen and (max-width: 992px) {
          .CustomizableBox .bottomColumn .itemContent .boxKpis {
            grid-template-columns: 1fr;
            align-items: center;
            gap: 0; } }
        .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 100%;
          background-color: #ffffff;
          padding: 32px;
          min-height: 200px; }
          @media screen and (max-width: 992px) {
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi {
              margin-bottom: 16px;
              max-width: 100%; }
              .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi:last-child {
                margin-bottom: 0; } }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.basico {
            margin-bottom: 1px;
            background-color: #ffffff; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.basico .itemTexto1 * {
              color: #DD380A; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.basico .itemTexto2 * {
              color: #0A1A2D; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.azul {
            background-color: #ABCAE9; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.azul .itemTexto1 * {
              color: #0A1A2D; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.azul .itemTexto2 * {
              color: #0A1A2D; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.azul.dividida .line {
              border-color: #0A1A2D !important; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.gris {
            background-color: #D5D5D3; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.gris .itemTexto1 * {
              color: #0A1A2D; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.gris .itemTexto2 * {
              color: #0A1A2D; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.naranja {
            background-color: #DD380A; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.naranja .itemTexto1 * {
              color: #ffffff; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.naranja .itemTexto2 * {
              color: #ffffff; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.dividida .itemTexto1 {
            margin-bottom: 0; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.dividida .line {
            margin-bottom: 12px;
            padding-bottom: 12px;
            border-bottom: 1px solid #D5D5D3;
            display: block; }
            @media screen and (max-width: 992px) {
              .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.dividida .line {
                margin-bottom: 16px;
                padding-bottom: 16px; } }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.dividida .itemTexto2 * {
            font-style: normal;
            font-weight: 400;
            line-height: 107%;
            font-size: 18px; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.sin_division {
            justify-content: flex-start; }
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi.sin_division .itemTexto1 {
              margin-bottom: 12px; }
          @media screen and (max-width: 992px) {
            .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi .itemTexto1 {
              margin-bottom: 16px; } }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi .itemTexto1 * {
            font-family: "Sailec-Regular", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 107%;
            /* 34.24px */
            margin: 0; }
          .CustomizableBox .bottomColumn .itemContent .boxKpis .itemKpi .itemTexto2 * {
            font-family: "Sailec-Regular", sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 130%;
            /* 34.24px */
            margin: 0; }
