/*----------------------------------------*/
/*---------------GENÉRICOS----------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .migas {
    display: none;
  }

  .break {
    display: inline;
  }
  #img-desktop {
    display: none;
  }
  #img-tablet {
    display: block;
  }
}

/*----------------------------------------*/
/*---------STICKY FIJO SOLICITAR----------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .main_content-distributiva-ahorro .container-soliticar-button-float {
    display: none;
  }

  .container-soliticar-button-float-desktop {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: var(--blue);
    height: 70px;
    position: fixed;
    bottom: 0;
    z-index: 5;
  }

  .container-soliticar-button-float-desktop .center-buttons > .soy_cliente {
    font-size: 14px;
    font-weight: 500;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 14px;
    background-color: #f3e0c1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 44px;
    width: 236px;
    border: 2px solid #ffffff;
  }

  .container-soliticar-button-float-desktop .center-buttons > .soy_cliente p {
    margin-bottom: 0px;
  }

  .soy_cliente_text {
    font-size: 14px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 14px;
    display: block;
  }

  .center-buttons {
    display: flex;
    gap: 20px;
    position: relative;
  }

  .container-soliticar-button-float-desktop .center-buttons > .solicitar {
    font-size: 14px;
    font-weight: 500;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 14px;
    background-color: #d9eff8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 44px;
    width: 249px;
  }

  .left_side_sticky {
    z-index: 6;
    flex-direction: row;
    display: flex;
    position: relative;
    left: -423px;
    gap: 24px;
    left: -90px;
  }

  .left_side_sticky-piggy-bank {
    display: none;
  }

  .left_side_sticky .nuevo {
    color: var(--primary);
  }

  .left_side_sticky h3 {
    font-size: 14px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 16px;
    color: white;
    margin-top: 10px;
  }

  .left_side_sticky h3 .bold {
    font-size: 14px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 16px;
  }

  .left_side_sticky h3 .underline {
    text-decoration: underline;
  }

  .piggy-bank-sticky {
    width: 65%;
    height: auto;
  }

  .container-soliticar-button-float-desktop .container__ir-arriba {
    display: flex;
    align-items: center;
    color: white !important;
    font-weight: 700;
    font-size: 14px;
    font-family: "Geomanist-WZ-OT-Bold";
    gap: 17px;
    position: absolute;
    right: 57px;
  }

  .container-soliticar-button-float-desktop .container__ir-arriba p {
    margin: 0;
  }
}

/*----------------------------------------*/
/*--------------BANNER HERO---------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__banner-hero-flex {
    margin: 84px 55px 0 0;
  }

  .distributiva-ahorro__banner-hero-flex > h1 {
    display: none;
  }

  .distributiva-ahorro__product__banner-hero__container-images {
    display: flex;
    margin-top: 57px;
  }

  .distributiva-ahorro__product__banner-hero__container-images-item,
  .distributiva-ahorro__product__banner-hero__container-images-item-text {
    flex: 1;
  }

  .distributiva-ahorro__product__banner-hero__container-images-item-text {
    display: block;
  }

  .load-img {
    display: none;
  }

  .background-image-banner-hero-tablet {
    position: absolute;
    top: 146px;
    bottom: 0;
    left: 62px;
    /* right: 0; */
    margin: auto;
    padding-right: 50px;
    display: block;
  }

  .background-image-banner-hero-mobile {
    display: none;
  }

  .distributiva-ahorro__product__banner-hero h1 {
    display: block;
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 54px;
    line-height: 56px;
    font-weight: 500;
    color: var(--blue);
    padding: 0;
    display: block;
    padding-right: 28%;
    text-align: left;
  }

  .distributiva-ahorro__product__banner-hero-feature-wrapper h2 {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 26px;
    line-height: 28px;
    font-weight: 100;
    padding-right: 24%;
    color: #445587;
    margin-top: 4%;
    text-align: left;
    padding-left: 0px;
  }

  .distributiva-ahorro__product__banner-hero h1 .bold {
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    color: var(--blue);
  }

  .card-img-tablet {
    display: block;
    z-index: 1;
    position: absolute;
    top: -70px;
    left: -150px;
  }

  .card-img {
    display: none;
  }

  .liquidez_desktop {
    display: none;
  }

  .distributiva-ahorro__product__tablet-title {
    display: block;
    text-align: center;
  }

  .distributiva-ahorro__product__tabla-riesgo {
    margin: 30px 55px 15px;
    position: absolute;
    top: 6px;
  }

  .distributiva-ahorro__product__tabla-riesgo-borde {
    display: flex;
    flex-direction: column;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
  }

  .distributiva-ahorro__product__tabla-riesgo-first-row {
    font-size: 14px;
    font-weight: 400;
    color: #656565;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 16px;
    text-align: center;
    padding: 10px;
    border-color: #656565;
    border-width: 1px;
    border-style: solid;
  }
  .distributiva-ahorro__product__tabla-riesgo-first-row p {
    margin-bottom: 0;
  }

  .distributiva-ahorro__product__tabla-riesgo-second-row {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 400;
    color: #656565;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 16px;
    text-align: center;
  }

  .distributiva-ahorro__product__tabla-riesgo-first-column {
    border-color: #656565;
    border-width: 1px;
    border-style: solid;
    padding: 20px 10px;
    width: 77%;
  }

  .distributiva-ahorro__product__tabla-riesgo-first-column .title {
    font-size: 39px;
    font-weight: 400;
    color: #656565;
    font-family: "Geomanist-WZ-OT-Book";
    line-height: 22px;
    text-align: center;
  }

  .distributiva-ahorro__product__tabla-riesgo-second-column {
    border-color: #656565;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    padding: 15px;
  }

  .distributiva-ahorro__product__tabla-riesgo-second-column .bold {
    font-size: 14px;
    font-weight: 700;
    color: #656565;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 16px;
  }

  .number_black {
    color: black;
  }

  .distributiva-ahorro__product__banner-hero-nuevo-label {
    width: 324px;
    height: 54px;
    gap: 0px;
    border-radius: 16px 16px 0px 0px;
    opacity: 0px;
    background-color: var(--primary);
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: white;
    padding: 5px;
    margin-left: 15px;
    position: relative;
    top: -310px;
    left: 145px;
    z-index: 0;
  }

  .distributiva-ahorro__product__banner-hero-botones {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    top: -17px;
    margin-top: 15px;
    /* left: 10px; */
    align-items: center;
  }

  .main_content-distributiva-ahorro
    .distributiva-ahorro__product__banner-hero-left-button {
    font-size: 15px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 15px;
    color: white !important;
    background-color: #ff4f4e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 42px;
    width: 136.48px;
  }

  .distributiva-ahorro__product__banner-hero-right-button {
    font-size: 15px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 42px;
    width: 150px;
    border: 1px solid #152a69;
  }

  .distributiva-ahorro__product__banner-hero-piggy-bank {
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    width: 100px;
    height: 100px;
    position: relative;
    top: -605px;
    right: 115px;
    z-index: 3;
  }

  .piggy-bank {
    width: 55px;
    height: 51px;
    object-fit: cover;
    top: 25px;
    position: relative;
  }

  .distributiva-ahorro__product__estructura-columnas {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 200px;
    position: absolute;
    top: 260px;
    max-height: max-content;
  }

  .container-single-feature {
    border-radius: 16px;
    gap: 15px;
    flex: 1;
    padding: 27px 24px 18px 22px;
    height: 412px;
    width: 324px;
    position: relative;
    bottom: 355px;
    left: 135px;
    flex-direction: column;
    text-align: center;
    z-index: 1;
  }

  .distributiva-ahorro__product__banner-hero__container-features {
    flex-direction: row;
    margin-bottom: -75px;
  }

  .container-single-feature .container-diagonal-arrow {
    background-color: var(--blue);
    border-radius: 99px;
    width: 100%;
    /* min-width: 150px; */
    /* height: 25px; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    min-height: 25px;
    color: white !important;
    text-decoration: none !important;
    /* padding: 15px 8px 15px 33px; */
  }

  .container-single-feature p {
    margin: 0;
    font-size: 23px;
    font-weight: 400;
    line-height: 27px;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
  }

  .container-single-feature p .bold {
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .container-single-feature .superbold {
    font-size: 46px;
    font-weight: 700;
    line-height: 46px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
  }

  .container-single-feature .bigbold {
    font-size: 32px;
    font-weight: 700;
    line-height: 36.32px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
  }

  .container-diagonal-arrow span {
    /* display: flex;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Book";
    font-weight: 400; */
  }

  .container-diagonal-arrow span {
    /* display: flex;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Book";
    font-weight: 400; */
  }

  .distributiva-ahorro__product__banner-hero-feature-wrapper {
    z-index: 2;
    padding-left: 42%;
    width: 100%;
    text-align: left;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop {
    display: flex;
    gap: 18px;
    padding: 0;
    justify-content: flex-start;
    width: 100%;
    margin: 18px 0 17px;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop
    .container-single-feature-columns {
    border-radius: 16px;
    border: 1px solid var(--blue);
    padding: 25px 26px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-width: 204px;
    max-width: 204px;
    height: 125px;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop
    .container-single-feature-columns
    .title {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--blue);
    margin-bottom: 0;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop
    .container-diagonal-arrow {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop
    .container-diagonal-arrow
    p {
    margin: 0;
    font-weight: 700;
    line-height: 16px;
    font-size: 14px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
    text-decoration: underline;
  }

  .container-single-feature .container-diagonal-arrow .diagonal-arrow-white {
    display: block;
    position: absolute;
    right: 10px;
  }

  .diagonal-arrow {
    display: none;
  }

  .distributiva-ahorro__product__banner-hero__container-features-columns {
    display: none;
  }

  .distributiva-ahorro__product__banner-hero {
    background-color: var(--secondary);
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    margin-bottom: 46px;
    margin-top: 55px;
  }

  .distributiva-ahorro___wrapper {
    margin: auto;
    /* display: flex; */
    position: relative;
    padding-bottom: 0px;
  }
}

@media (min-width: 932px) {
  .distributiva-ahorro__product__banner-hero__container-features {
    gap: 20px;
  }
}

@media (min-width: 768px) and (max-width: 912px) {
  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop {
    padding: 0;
  }
}

@media (min-width: 932px) {
  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop {
    gap: 20px;
  }
}

@media (min-width: 768px) and (max-width: 781px) {
  .distributiva-ahorro__product__banner-hero__container-features-columns-desktop
    .container-single-feature-columns {
    height: 144px;
  }
}

@media (min-width: 965px) {
  .distributiva-ahorro__product__banner-hero-feature-wrapper {
    padding-left: 50%;
  }
}

/*----------------------------------------*/
/*--------BOXES LINKS & SIMULADOR---------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .container__moverte-trae-a-cuenta {
    padding: 36px 54px 0px;
  }

  .container__moverte-trae-a-cuenta h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Light";
    margin-bottom: 29px;
  }

  .container__moverte-trae-a-cuenta h2 .underline {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Light";
    color: var(--blue);
    position: relative;
    display: inline-block;
  }

  .container__moverte-trae-a-cuenta h2 .underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    /* Ajusta la posición vertical del subrayado */
    height: 5px;
    /* Grosor del subrayado */
    background-color: var(--primary);
    /* Tu color específico */
    border-radius: 5px;
  }

  .container__moverte-trae-a-cuenta h2 .bold {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .container__moverte-trae-a-cuenta h2 .extra-bold {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Bold";
    background-color: #e8927c;
    padding: 0 3px;
    display: inline-block;
  }

  .container__moverte-trae-a-cuenta .subtitle {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
    margin-bottom: 51px;
    margin-top: 14px;
  }

  .container__moverte-trae-a-cuenta__items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
  }

  .container__moverte-trae-a-cuenta__items-item {
    padding: 33px 0 31px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    background-color: #f0f0f0;
    height: 306px;
  }

  .container__moverte-trae-a-cuenta__items-item h3 {
    font-weight: 400;
    font-size: 23px;
    line-height: 22px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
    margin-bottom: 34px;
  }

  .container__moverte-trae-a-cuenta__items-item h3 .bold {
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .container__moverte-trae-a-cuenta__items-item .description {
    font-family: "Geomanist-WZ-OT-Book";
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    color: var(--blue);
    margin: 0;
  }

  .content_columns_desc {
    margin-bottom: 51px;
  }

  .content_columns_title {
    margin-bottom: 30px;
  }

  .content_columns_main-silutator-container {
    flex-direction: column;
  }

  .content_columns_main-silutator-container {
    gap: 60px;
  }

  .content_columns_simulator-container {
    border-radius: 16px;
  }

  .content_columns_simulator-wrapper {
    border-radius: 0 0 16px 16px;
    padding: 25px 25px 0px;
  }

  .content_columns_simulator-container > p {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: white;
    font-family: "Geomanist-WZ-OT-Book";
    margin: 8px 0px;
  }

  .content_columns_main-silutator-container .content_columns_column-range {
    min-width: 270px;
    flex-direction: column;
    gap: 22px;
    overflow: visible;
    margin-top: -9px;
    margin-right: 12px;
  }

  .content_columns_line-separator {
    display: flex;
  }

  .content_columns_simulator-container .calculator_input {
    width: 100%;
    margin: 0;
  }

  .content_columns_simulator-subtitle {
    height: 72px;
  }

  .content_columns_simulator-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .content_columns_simulator-row-wrapper {
    width: 100%;
    padding: 21px 27px 18px;
  }

  .content_columns_line-separator {
    width: 91%;
    opacity: 30%;
  }

  .content_columns_scroll_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 0px;
    flex-wrap: wrap;
  }

  .content_columns_scroll_single_button {
    border: 2px solid rgba(21, 43, 105, 0.2);
    border-radius: 16px;
    width: 218px;
    height: 165px;
    padding: 22px 25px 16px;
  }

  .content_columns_scroll_single_button:hover {
    background-color: #152a69;
  }

  .content_columns_scroll_single_button:hover h3,
  .content_columns_scroll_single_button:hover p {
    color: #ffffff;
  }

  .content_columns_scroll_single_button:hover img {
    filter: brightness(0) invert(1);
  }

  .content_columns_scroll_single_button:hover .container-diagonal-arrow p {
    color: #ffffff;
  }

  .content_columns_scroll_single_button h3 {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: var(--blue);
  }

  .content_columns_scroll_single_button_header {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 0px;
  }

  .scroll-img {
    position: relative;
    top: 0px;
  }

  .content_columns_scroll_single_button .container-diagonal-arrow {
    display: flex;
    /* align-items: flex-start; */
    z-index: 4;
    border-radius: 16px;
    width: 100%;
    justify-content: space-between;
    gap: 14px;
    flex-direction: column;
  }

  .link-arrow {
    min-height: 30px;
  }

  .content_columns_scroll_single_button .container-diagonal-arrow p {
    margin: 0;
    font-weight: 700;
    line-height: 16px;
    font-size: 14px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
    text-decoration: underline;
    text-align: center;
    padding: 0px;
  }

  .content_columns_main-silutator-container
    .content_columns_column
    .range-amount-simulator {
    text-align: start;
    font-size: 16px;
    margin-left: 4px;
    margin-top: 1px;
  }

  .content_columns_main-silutator-container
    .content_columns_column
    .range-amount-simulator
    .bold {
    font-size: 16px;
  }

  .content_columns-input-amount-tablet {
    display: flex;
    background-color: white;
    border-radius: 6px;
    font-size: 23px;
    line-height: 22px;
    font-family: "Geomanist-WZ-OT-Regular";
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .content_columns_simulator-button {
    display: none;
  }

  .content_columns_simulator-amount-container {
    flex: 2;
    margin-left: -34px;
  }

  .content_columns_simulator-button-third-row {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .content_columns_simulator-button-third-row a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--white);
    background-color: var(--red);
    border-radius: 66px;
    height: 42px;
    width: 138.48px;
    border: none;
    margin-top: -20px;
  }

  .content_columns_simulator-amount-container
    .content_columns_simulator-intereses {
    text-align: start;
    margin-top: 6px;
  }

  .content_columns_simulator-amount-container
    .content_columns_simulator-porcentaje {
    font-size: 20px;
    text-align: start;
  }

  .content_columns_period-times .content_columns_item p {
    font-size: 23px;
  }

  .content_columns_column-last-column {
    margin-left: 32px;
  }

  .content_columns_main-silutator-container .content_columns_column-amount {
    min-width: 150px;
    height: 55px;
  }

  .content_columns-input-amount {
    display: none;
  }

  .content_columns_period-times {
    gap: 44px;
    flex: 2;
  }

  .content_columns_column-second-column {
    margin-left: -30px;
  }
}

@media (min-width: 856px) {
  .container-diagonal-arrow span {
    white-space: distributiva-ahorrorap;
  }
}

@media (min-width: 954px) {
  .container-diagonal-arrow span {
    white-space: distributiva-ahorrorap;
  }
}

/*----------------------------------------*/
/*--------------DEPÓSITOS-----------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__product__necesidades {
    padding: 72px 54px 58px;
  }

  .distributiva-ahorro__product__necesidades h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    color: var(--blue);
    text-align: center;
    margin-bottom: 0px;
  }

  .distributiva-ahorro__product__necesidades {
    padding: 98px 45px 0px 54px;
    background-color: var(--secondary);
  }

  .superindice {
    font-size: 24px;
  }

  .distributiva-ahorro__product__necesidades h2 .underline {
    font-size: 36px;
    line-height: 46px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    position: relative;
    display: inline-block;
  }

  .distributiva-ahorro__product__necesidades h2 .underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 4px;
    background-color: var(--primary);
    border-radius: 5px;
  }

  .distributiva-ahorro__product__necesidades h2 .bold {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .distributiva-ahorro__product__necesidades h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
    text-align: center;
    /* margin-bottom: 20px; */
    margin-top: 40px;
    margin-bottom: 55px;
  }

  .distributiva-ahorro__product__necesidades h3 .bold {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .subrayado_necesidades_desktop {
    display: none;
  }

  .subrayado_necesidades_tablet {
    display: inline;
  }

  .distributiva-ahorro__product__necesidades__container-card .cliente_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
  }

  .distributiva-ahorro__product__necesidades__container-card
    .cliente_text
    .bold {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
  }

  .distributiva-ahorro__product__necesidades__consulta {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #152a69;
  }

  .distributiva-ahorro__product__necesidades__consulta .bold {
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
  }

  .distributiva-ahorro__product__necesidades__senzillo {
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    width: 150px;
    height: 150px;
    position: relative;
    left: 520px;
    top: -1225px;
    z-index: 1;
  }

  .distributiva-ahorro__product__necesidades__senzillo .senzillo {
    width: 120px;
    top: -30px;
    left: 80px;
    position: relative;
  }

  .distributiva-ahorro__product__necesidades__senzillo .percent {
    width: 50px;
    position: relative;
    top: 5px;
    left: -10px;
  }

  .distributiva-ahorro__product__necesidades__senzillo .online {
    width: 95px;
    /* height: 35px; */
    top: 32px;
    left: -92px;
    position: relative;
  }

  .main_content-distributiva-ahorro
    .distributiva-ahorro__product__necesidades-card-button {
    font-size: 15px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 15px;
    color: white !important;
    background-color: #ff4f4e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 42px;
    width: 136.48px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
  }

  .distributiva-ahorro__product__necesidades__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0px;
    margin-left: 0px;
  }

  .distributiva-ahorro__product__necesidades__container-cards {
    gap: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }

  .distributiva-ahorro__product__necesidades__container-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: #ecf7fb;
    border-radius: 16px;
    /* flex: 1; */
    min-width: 315px;
    height: 360px;
  }

  .mobile-distributiva-ahorro-tablet {
    display: block;
    margin-left: -65px;
  }

  .mobile-distributiva-ahorro {
    display: none;
  }

  .distributiva-ahorro__product__necesidades__container-card
    .container-round-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--primary);
  }

  .distributiva-ahorro__product__necesidades__container-card
    .container-round-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .distributiva-ahorro__product__necesidades__container-card h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: "Geomanist-WZ-OT-Book";
    margin-bottom: 14px;
    color: var(--blue);
    margin-top: 62px;
    text-align: center;
  }

  .distributiva-ahorro__product__necesidades__container-card h3 .big {
    font-weight: 400;
    font-size: 37px;
    line-height: 20px;
    font-family: "Geomanist-WZ-OT-Book";
    color: var(--blue);
    margin-bottom: 10px;
    margin-top: 65px;
    position: relative;
    text-align: center;
    top: 10px;
  }

  .distributiva-ahorro__product__necesidades__container-card h3 .bold {
    font-weight: 700;
    font-size: 37px;
    line-height: 20px;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .distributiva-ahorro__product__necesidades__container-card h3 .semibig {
    font-weight: 400;
    font-size: 23px;
    line-height: 17px;
    font-family: "Geomanist-WZ-OT-Book";
  }

  .distributiva-ahorro__product__necesidades__container-card .subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    font-family: "Geomanist-WZ-OT-Bold";
    margin-bottom: 15px;
    color: var(--blue);
    text-align: center;
  }

  .distributiva-ahorro__product__necesidades__container-card .description {
    font-weight: 700;
    font-size: 23px;
    line-height: 17px;
    font-family: "Geomanist-WZ-OT-Bold";
    margin-bottom: 13px;
    margin-top: 10px;
    color: var(--blue);
    text-align: center;
  }

  .distributiva-ahorro__product__necesidades__container-card
    .description
    .bold {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    font-family: "Geomanist-WZ-OT-Bold";
    color: var(--blue);
  }

  .distributiva-ahorro__product__necesidades__container-image {
    position: relative;
    width: 385.87px;
  }

  .distributiva-ahorro__product__necesidades__container-image
    .container-image-pay {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .distributiva-ahorro__product__necesidades__container-image
    .mobile-distributiva-ahorro {
    margin-top: 46px;
  }

  .distributiva-ahorro__product__necesidades h2 .underline-mobile {
    font-size: 26px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    position: relative;
    display: inline-block;
  }

  .distributiva-ahorro__product__necesidades h2 .underline-mobile::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 4px;
    background-color: #e8927c;
    border-radius: 5px;
  }

  .distributiva-ahorro___wrapper__ventajas {
    max-width: 1200px;
    margin: auto;
    padding-bottom: 0px;
    margin-bottom: -60px;
  }
}

/*----------------------------------------*/
/*---------------EN 4 PASOS---------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__product__payment-method {
    padding: 85px 0px 70px;
  }

  .distributiva-ahorro__product__payment-method h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    color: var(--blue);
    text-align: center;
    margin-top: 7px;
    margin-bottom: 48px;
    padding: 0 24px;
  }

  .distributiva-ahorro__product__payment-method h2 .underline {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    position: relative;
    display: inline-block;
  }

  .distributiva-ahorro__product__payment-method__cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
  }

  .distributiva-ahorro__product__payment-method h2 .underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 4px;
    background-color: var(--primary);
    border-radius: 5px;
  }

  .distributiva-ahorro__product__payment-method h2 .bold {
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .content_columns_container-last-row-last-two-columns {
    display: none;
  }

  .distributiva-ahorro__product__payment-method .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 50px;
    margin: 50px 85px 45px;
    padding: 0px;
    font-family: "Geomanist-WZ-OT-Book";
    display: none;
  }

  .estructura-columna {
    /*display: flex;*/
    /* flex-direction: column; */
    /* align-items: center; */
    max-height: 320px;
  }

  .moneda_numeracion {
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    top: 50px;
    margin-left: 123px;
  }

  .distributiva-ahorro__product__payment-method__card-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    bottom: 50px;
    position: relative;
    display: flex;
  }

  .distributiva-ahorro__product__payment-method__card-item h3 {
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 17px;
  }

  .distributiva-ahorro__product__payment-method__card-item .pago-total p {
    line-height: 22px;
    font-size: 16px;
  }

  .distributiva-ahorro__product__payment-method__card-item .pago-aplazado p {
    line-height: 22px;
    font-size: 16px;
  }

  .distributiva-ahorro__product__payment-method__card-item .underline {
    text-decoration: underline;
  }

  .distributiva-ahorro__product__payment-method__card-item {
    width: 320px;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 80px 30px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    /* margin-bottom: 25px; */
    background-color: #d8eef7;
    align-items: center;
    border-radius: 16px;
  }

  .distributiva-ahorro__product__payment-method__two-columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 18px;
    margin-top: 60px;
  }

  .distributiva-ahorro__product__payment-method__two-columns h3 {
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    color: #152a69;
  }

  .distributiva-ahorro__product__payment-method__two-columns p {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin: 15px 17px 23px 17px;
  }

  .distributiva-ahorro__product__payment-method__left-column {
    border-radius: 16px;
    width: 315px;
    height: 499px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 45px 29px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    margin-bottom: 25px;
    background-color: #f3e0c1;
    align-items: center;
  }

  .distributiva-ahorro__product__payment-method__left-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    position: relative;
    top: -50px;
  }

  .distributiva-ahorro__product__payment-method__right-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    position: relative;
    top: -75px;
  }

  .distributiva-ahorro__product__payment-method__right-column {
    border-radius: 16px;
    width: 315px;
    height: 499px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 45px 29px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    margin-bottom: 25px;
    background-color: #e8927c;
    align-items: center;
  }

  .main_content-distributiva-ahorro
    .distributiva-ahorro__product__payment-method__two-columns__button {
    font-size: 15px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 42px;
    color: white !important;
    background-color: #ff4f4e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 42px;
    width: 136.48px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    z-index: 2;
  }

  .girl_distributiva-ahorro_tablet {
    z-index: 1;
    top: -14px;
    position: relative;
  }

  .girl_distributiva-ahorro {
    display: none;
  }

  .distributiva-ahorro__product__payment-method__left-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    top: -90px;
  }

  .distributiva-ahorro__product__payment-method__right-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    top: -120px;
  }

  .card_distributiva-ahorro_tablet {
    z-index: 1;
    position: relative;
    top: -53px;
    left: 25px;
  }

  .card_distributiva-ahorro {
    display: none;
  }

  .distributiva-ahorro___second-wrapper h2 {
    margin-top: 100px;
  }

  .distributiva-ahorro__product__payment-method__card-item img {
    width: 50px;
    height: 45px;
    margin: auto;
    margin-top: 1px;
    margin-bottom: 13px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop {
    display: flex;
    height: 144px;
    width: 648px;
    gap: 6px;
    padding-left: 54px;
    padding-right: 54px;
    margin: auto;
    margin-bottom: 36px;
    justify-content: space-between;
    border-radius: 16px;
    border: 2px solid #84a9c8;
    flex-direction: row;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-first-column {
    padding: 35px 0px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 100%; */
    height: 125px;
    margin: 0px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-second-column {
    padding: 29px 38px 27px 0px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* width: 100%; */
    /* height: 125px; */
    width: 198px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-second-column
    p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    text-align: left;
    line-height: 22px;
    color: var(--blue);
    width: 267px;
    margin-left: 10px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column {
    padding: 29px 0px 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 100%; */
    height: 125px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column
    p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    text-align: left;
    line-height: 22px;
    color: var(--blue);
    width: 194px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column
    .underline {
    text-decoration: underline;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-first-column
    img {
    width: 56.13px;
    height: 49px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    p
    .bold {
    font-size: 16px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    text-align: center;
    line-height: 22px;
    color: var(--blue);
  }

  .distributiva-ahorro__product__payment-method__explore h3 {
    font-size: 16px;
    line-height: 22px;
    margin: 41px 0px 32px;
    font-family: "Geomanist-WZ-OT-Book";
  }

  .distributiva-ahorro__product__payment-method__explore-yellow-container {
    gap: 16px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 55px;
  }

  .open-link-desktop {
    display: block;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow {
    width: 288px;
    height: 76px;
    padding: 17px 17px 18px 20px;
    margin: 0px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow {
    gap: 5px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-family: "Geomanist-WZ-OT-Book";
    color: #ffffff;
    margin-top: 18px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow p .bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .distributiva-ahorro__product__payment-method__explore h3 span {
    font-size: 16px;
    line-height: 22px;
  }

  .paper-img {
    width: 40px;
    height: 41px;
  }

  .calc-img {
    width: 33px;
    height: 41px;
  }

  .calculadora_mobile {
    margin-left: 12px;
  }
}

/*----------------------------------------*/
/*------------NO TENGAS DUDAS-------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__product__no-tengas-dudas__wrapper {
    margin: auto;
    gap: 100px;
    padding-bottom: 0px;
  }

  .distributiva-ahorro__product__no-tengas-dudas {
    background-color: #f0f0f0;
    padding: 60px 54px 72px;
  }

  .distributiva-ahorro__product__no-tengas-dudas h3 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 35px;
  }

  .distributiva-ahorro__product__no-tengas-dudas h3 span {
    font-size: 36px;
    line-height: 42px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__item-button {
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-top: -22px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__item {
    padding: 24px 18px 31px 36px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__item-body p {
    line-height: 22px;
    margin-top: 18px;
    /* margin-right: 200px; */
  }

  .arrow-up {
    width: 15px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__item-body.active
    + .distributiva-ahorro__product__no-tengas-dudas__item-header
    p {
    margin-top: 24px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__container-cards {
    gap: 18px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__item-header p {
    margin-top: 23px;
  }

  .distributiva-ahorro__product__no-tengas-dudas__show-more {
    margin-top: 39px;
  }
}

/*----------------------------------------*/
/*--------------TEXTO LEGAL---------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__product__banner-text {
    padding: 0px 54px 20px;
    position: relative;
    display: inline-block;
    margin-top: -10px;
  }

  .distributiva-ahorro__product__banner-text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: "Geomanist-WZ-OT-Book";
    margin: 0 0 13px;
    color: var(--blue);
    text-align: justify;
  }

  .distributiva-ahorro__product__banner-text p .bold {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Geomanist-WZ-OT-Bold";
    margin: 0 0 0;
    color: var(--blue);
  }
}

/*---------------PRODUCTOS DE AHORRO---------------*/
@media (min-width: 756px) and (max-width: 1024px) {
  .distributiva-ahorro__product__payment-method {
    padding: 85px 0px 70px;
  }

  .distributiva-ahorro__product__payment-method h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    color: var(--blue);
    text-align: center;
    margin-top: 7px;
    margin-bottom: 48px;
    padding: 0 24px;
  }

  .distributiva-ahorro__product__payment-method h2 .underline {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    font-family: "Geomanist-WZ-OT-Light";
    position: relative;
    display: inline-block;
  }

  .distributiva-ahorro__product__payment-method__cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
  }

  .distributiva-ahorro__product__payment-method h2 .underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 4px;
    background-color: var(--primary);
    border-radius: 5px;
  }

  .distributiva-ahorro__product__payment-method h2 .bold {
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .content_columns_container-last-row-last-two-columns {
    display: none;
  }

  .distributiva-ahorro__product__payment-method .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 50px;
    margin: 50px 85px 45px;
    padding: 0px;
    font-family: "Geomanist-WZ-OT-Book";
    display: none;
  }

  .moneda_numeracion {
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    top: 50px;
    margin-left: 123px;
  }

  .distributiva-ahorro__product__payment-method__card-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    bottom: 50px;
    position: relative;
    display: flex;
  }

  .distributiva-ahorro__product__payment-method__card-item h3 {
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 17px;
  }

  .distributiva-ahorro__product__payment-method__card-item .pago-total p {
    line-height: 22px;
    font-size: 16px;
  }

  .distributiva-ahorro__product__payment-method__card-item .pago-aplazado p {
    line-height: 22px;
    font-size: 16px;
  }

  .distributiva-ahorro__product__payment-method__card-item .underline {
    text-decoration: underline;
  }

  .distributiva-ahorro__product__payment-method__card-item {
    width: 320px;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 80px 30px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    /* margin-bottom: 25px; */
    background-color: #d8eef7;
    align-items: center;
    border-radius: 16px;
  }

  .distributiva-ahorro__product__payment-method__two-columns {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 18px;
    margin-top: 60px;
  }

  .distributiva-ahorro__product__payment-method__two-columns h3 {
    font-family: "Geomanist-WZ-OT-Bold";
    font-size: 23px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    color: #152a69;
  }

  .distributiva-ahorro__product__payment-method__two-columns p {
    font-family: "Geomanist-WZ-OT-Book";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin: 15px 17px 23px 17px;
  }

  .distributiva-ahorro__product__payment-method__left-column {
    border-radius: 16px;
    width: 315px;
    height: 499px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 45px 29px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    margin-bottom: 25px;
    background-color: #f3e0c1;
    align-items: center;
  }

  .distributiva-ahorro__product__payment-method__left-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    position: relative;
    top: -50px;
  }

  .distributiva-ahorro__product__payment-method__right-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    position: relative;
    top: -75px;
  }

  .distributiva-ahorro__product__payment-method__right-column {
    border-radius: 16px;
    width: 315px;
    height: 499px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 45px 29px;
    /* margin-right: -18px; */
    /* margin-left: -18px; */
    margin-bottom: 25px;
    background-color: #e8927c;
    align-items: center;
  }

  .main_content-distributiva-ahorro
    .distributiva-ahorro__product__payment-method__two-columns__button {
    font-size: 15px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    line-height: 42px;
    color: white !important;
    background-color: #ff4f4e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    height: 42px;
    width: 136.48px;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    z-index: 2;
  }

  .girl_distributiva-ahorro_tablet {
    z-index: 1;
    top: -14px;
    position: relative;
  }

  .girl_distributiva-ahorro {
    display: none;
  }

  .distributiva-ahorro__product__payment-method__left-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    top: -90px;
  }

  .distributiva-ahorro__product__payment-method__right-column
    .distributiva-ahorro__product__payment-method__two-columns__button {
    top: -120px;
  }

  .card_distributiva-ahorro_tablet {
    z-index: 1;
    position: relative;
    top: -53px;
    left: 25px;
  }

  .card_distributiva-ahorro {
    display: none;
  }

  .distributiva-ahorro___second-wrapper h2 {
    margin-top: 100px;
  }

  .distributiva-ahorro__product__payment-method__card-item img {
    width: 50px;
    height: 45px;
    margin: auto;
    margin-top: 1px;
    margin-bottom: 13px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop {
    display: flex;
    height: 144px;
    width: 648px;
    gap: 6px;
    padding-left: 54px;
    padding-right: 54px;
    margin: auto;
    margin-bottom: 36px;
    justify-content: space-between;
    border-radius: 16px;
    border: 2px solid #84a9c8;
    flex-direction: row;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-first-column {
    padding: 35px 0px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 100%; */
    height: 125px;
    margin: 0px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-second-column {
    padding: 29px 38px 27px 0px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* width: 100%; */
    /* height: 125px; */
    width: 198px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-second-column
    p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    text-align: left;
    line-height: 22px;
    color: var(--blue);
    width: 267px;
    margin-left: 10px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column {
    padding: 29px 0px 27px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 100%; */
    height: 125px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column
    p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Geomanist-WZ-OT-Book";
    text-align: left;
    line-height: 22px;
    color: var(--blue);
    width: 194px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-third-column
    .underline {
    text-decoration: underline;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    .container-single-feature-first-column
    img {
    width: 56.13px;
    height: 49px;
  }

  .distributiva-ahorro__product__payment-method__container-features-columns-desktop
    p
    .bold {
    font-size: 16px;
    font-weight: 700;
    font-family: "Geomanist-WZ-OT-Bold";
    text-align: center;
    line-height: 22px;
    color: var(--blue);
  }

  .distributiva-ahorro__product__payment-method__explore h3 {
    font-size: 16px;
    line-height: 22px;
    margin: 41px 0px 32px;
    font-family: "Geomanist-WZ-OT-Book";
  }

  .distributiva-ahorro__product__payment-method__explore-yellow-container {
    gap: 16px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 55px;
  }

  .open-link-desktop {
    display: block;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow {
    width: 288px;
    height: 76px;
    padding: 17px 17px 18px 20px;
    margin: 0px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow {
    gap: 5px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-family: "Geomanist-WZ-OT-Book";
    color: #ffffff;
    margin-top: 18px;
  }

  .distributiva-ahorro__product__payment-method__explore-yellow p .bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    font-family: "Geomanist-WZ-OT-Bold";
  }

  .distributiva-ahorro__product__payment-method__explore h3 span {
    font-size: 16px;
    line-height: 22px;
  }

  .paper-img {
    width: 40px;
    height: 41px;
  }

  .calc-img {
    width: 33px;
    height: 41px;
  }

  .calculadora_mobile {
    margin-left: 12px;
  }

  /*--------------- PRODUCTOS DE AHORRO ---------------*/

  .distributiva-ahorro__product__saving_product__container-second-header h3 {
    font-size: 36px;
    line-height: 37.8px;
    margin-top: 16px;
    margin-bottom: -19px;
  }

  .distributiva-ahorro__product__saving_product__card-container {
    /* margin-left: 60px; */
    padding-bottom: 15px;
  }

  .distributiva-ahorro__product__saving_product__cards-container
    .estructura-columna {
    max-height: 252px;
    height: 252px;
  }

  /* .distributiva-ahorro__product__saving_product__card-item {
    height: 222px;
  } */

  .distributiva-ahorro__product__saving_product__card-item .sun-text {
    width: 81px;
  }

  .distributiva-ahorro__product__saving_product__card-item .rentabilidad-tae {
    width: 160px;
  }

  .distributiva-ahorro__product__saving_product__cards-container .highlight {
    font-size: 12px;
    line-height: 14px;
  }

  .distributiva-ahorro__product__saving_product__card-item h3 {
    font-size: 26px;
    line-height: 27.56px;
    margin-bottom: 15px;
  }

  .distributiva-ahorro__product__saving_product__cards-container .sticker {
    margin-bottom: 28px;
  }

  .distributiva-ahorro__product__saving_product__cards-container
    .estructura-columna.table-item {
    min-width: 306px;
    /* max-width: fit-content; */
  }

  .table-item .distributiva-ahorro__product__saving_product__card-item h3 {
    font-size: 20px;
    line-height: 21.2px;
    padding-bottom: 9px;
  }

  .calendar .distributiva-ahorro__product__saving_product__card-item {
    padding: 36px 0px 10px 0px;
  }

  .calendar .distributiva-ahorro__product__saving_product__card-item img {
    margin-bottom: 21px;
  }

  .distributiva-ahorro__product__saving_product__bullets {
    margin-top: 41px;
  }

  .distributiva-ahorro__product__saving_product__explore-button {
    padding: 17px 35px;
  }

  /*----------------------------------------*/

  /*----------------TU ELIGES---------------*/
  @media (min-width: 756px) and (max-width: 1024px) {
    .distributiva__ahorro__payment-method {
      padding: 80px 54px 30px;
    }
    .distributiva__ahorro__payment-method h2 {
      font-size: 36px;
      line-height: 37.8px;
      font-weight: 500;
      font-family: "Geomanist-WZ-OT-Book";
      color: #152a69;
      text-align: center;
      margin-top: 7px;
      padding: 0 24px;
    }
    .distributiva__ahorro__payment-method h2 .underline {
      font-size: 36px;
      line-height: 42px;
      font-weight: 300;
      font-family: "Geomanist-WZ-OT-Light";
      position: relative;
      display: inline-block;
    }

    .distributiva__ahorro__payment-method h2 .underline::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -8px;
      height: 4px;
      background-color: #e8927c;
      border-radius: 5px;
    }

    .distributiva__ahorro__payment-method h2 .bold {
      font-size: 36px;
      line-height: 42px;
      font-weight: 700;
      font-family: "Geomanist-WZ-OT-Bold";
    }

    .distributiva__ahorro__payment-method .description {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 50px;
      margin: 50px 85px 45px;
      padding: 0px;
      font-family: "Geomanist-WZ-OT-Book";
    }

    .distributiva__ahorro-payment-method-container img {
      right: 0;
      left: 0;
      margin: auto;
    }

    .distributiva__ahorro__payment-method__card-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 19px;
      margin-bottom: 50px;
      padding: 0px;
    }

    .distributiva__ahorro__payment-method__card-item h3 {
      font-size: 20px;
      line-height: 21.2px;
      margin-bottom: 12px;
    }

    .distributiva__ahorro__payment-method__card-item .products-title {
      width: 125px;
    }
    .distributiva__ahorro__payment-method__card-item .deposito-title {
      width: 166px;
    }

    .distributiva__ahorro__payment-method__card-item .taxes-text {
      width: 166px;
    }
    .distributiva__ahorro__payment-method__card-item .products-text {
      width: 150px;
    }
    .distributiva__ahorro__payment-method__card-item .deposito-text {
      width: 154px;
    }

    .distributiva__ahorro__payment-method__card-item .pago-total p {
      line-height: 22px;
      font-size: 16px;
    }

    .distributiva__ahorro__payment-method__card-item .pago-aplazado p {
      line-height: 22px;
      font-size: 16px;
    }

    .distributiva__ahorro__payment-method__card-item .underline {
      text-decoration: underline;
    }

    .pago-total {
      padding: 30px 40px 40px;
    }

    .pago-aplazado {
      padding: 30px 0px 0px;
    }

    .distributiva__ahorro__payment-method__card-item .pago-aplazado-tin {
      margin-bottom: 40px;
    }

    .distributiva__ahorro__payment-method__card-item {
      padding: 29px 0px 20px;
      min-width: 207px;
      height: 306px;
    }

    .distributiva__ahorro__payment-method__card-item img {
      width: 50px;
      height: 45px;
      margin: auto;
      margin-top: 1px;
      margin-bottom: 27px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop {
      display: flex;
      height: 144px;
      width: 648px;
      gap: 6px;
      padding-left: 54px;
      padding-right: 54px;
      margin: auto;
      margin-bottom: 36px;
      justify-content: space-between;
      border-radius: 16px;
      border: 2px solid #84a9c8;
      flex-direction: row;
    }
    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-first-column {
      padding: 35px 0px 22px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      /* width: 100%; */
      height: 125px;
      margin: 0px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-second-column {
      padding: 29px 38px 27px 0px;
      display: flex;
      flex-direction: column;
      /* justify-content: space-between; */
      /* width: 100%; */
      /* height: 125px; */
      width: 198px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-second-column
      p {
      font-size: 16px;
      font-weight: 400;
      font-family: "Geomanist-WZ-OT-Book";
      text-align: left;
      line-height: 22px;
      color: #152a69;
      width: 267px;
      margin-left: 10px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-third-column {
      padding: 29px 0px 27px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      /* width: 100%; */
      height: 125px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-third-column
      p {
      font-size: 16px;
      font-weight: 400;
      font-family: "Geomanist-WZ-OT-Book";
      text-align: left;
      line-height: 22px;
      color: #152a69;
      width: 194px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-third-column
      .underline {
      text-decoration: underline;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      .container-single-feature-first-column
      img {
      width: 56.13px;
      height: 49px;
    }

    .distributiva__ahorro__payment-method__container-features-columns-desktop
      p
      .bold {
      font-size: 16px;
      font-weight: 700;
      font-family: "Geomanist-WZ-OT-Bold";
      text-align: center;
      line-height: 22px;
      color: #152a69;
    }

    .distributiva__ahorro__payment-method__explore h3 {
      font-size: 23px;
      line-height: 28px;
      margin: 41px 0px 54px;
      font-family: "Geomanist-WZ-OT-Book";
    }

    .distributiva__ahorro__payment-method__explore-yellow-container {
      gap: 16px;
      align-items: center;
    }
    .open-link-desktop {
      display: block;
    }

    .distributiva__ahorro__payment-method__explore-yellow {
      width: 350px;
      height: 76px;
      padding: 17px 27px 18px 24px;
    }

    .paper-img {
      width: 40px;
      height: 41px;
    }

    .calc-img {
      width: 33px;
      height: 41px;
    }

    .distributiva__ahorro__payment-method__explore-yellow {
      gap: 5px;
    }

    .distributiva__ahorro__payment-method__explore-yellow p {
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      font-family: "Geomanist-WZ-OT-Book";
      color: #ffffff;
      margin-top: 18px;
    }

    .distributiva__ahorro__payment-method__explore-yellow p .bold {
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
      font-family: "Geomanist-WZ-OT-Bold";
    }

    .distributiva__ahorro__payment-method__explore h3 span {
      font-size: 23px;
      line-height: 28px;
    }

    .distributiva__ahorro__payment-method__card-item p {
      line-height: 19.2px;

      /* margin: -15px; */
    }
  }

  /*----------------------------------------*/
}

/*----------------------------------------*/