.gap8 {
    height: 8px;
    display: block;
    width: 100%;
}

.gap16 {
    height: 16px;
    display: block;
    width: 100%;
}

.gap32 {
    height: 32px;
    display: block;
    width: 100%;
}

.gap40 {
    height: 40px;
    display: block;
    width: 100%;

}

.gap60 {
    height: 60px;
    display: block;
    width: 100%;

}

.gap64 {
    height: 64px;
    display: block;
    width: 100%;

}

.gap80 {
    height: 80px;
    display: block;
    width: 100%;
}

.gap120 {
    height: 120px;
    display: block;
    width: 100%;
}

.gap20 {
    height: 20px;
    display: block;
    width: 100%;
}

.gap24 {
    height: 24px;
    display: block;
    width: 100%;
}

.gap30 {
    height: 30px;
    display: block;
    width: 100%;
}

.gap40 {
    height: 40px;
    display: block;
    width: 100%;
}

.gap48 {
    height: 48px;
    display: block;
    width: 100%;
}

.gap60 {
    height: 60px;
    display: block;
    width: 100%;
}

.gap80 {
    height: 80px;
    display: block;
    width: 100%;
}

.gap90 {
    height: 90px;
    display: block;
    width: 100%;
}

.gap96 {
    height: 96px;
    display: block;
    width: 100%;
}

.gap120 {
    height: 120px;
    display: block;
    width: 100%;
}


@media (max-width: 991px) {
    .gap-seccion {
        height: 72px;
    }

    .gap-seccion-metodos {
        height: 48px;
    }
}

@media (min-width: 992px) {

    .gap-seccion {
        height: 96px;
    }

    .gap-seccion-metodos {
        height: 96px;
    }
}

/* GAPS 2024 UX */

/* GAPS SECCION  DESKTOP */
@media (min-width: 992px) {

    .gap-seccion-XL {
        height: 144px;
        display: block;
        width: 100%;
    }

    .gap-seccion-L {
        height: 96px;
        display: block;
        width: 100%;
    }

}

/* GAPS SECCION TABLET/MOBILE */
@media (max-width: 991px) {

    .gap-seccion-XL {
        height: 104px;
        display: block;
        width: 100%;
    }

    .gap-seccion-L {
        height: 72px;
        display: block;
        width: 100%;
    }

}



/* GAPS DESKTOP */
@media (min-width: 992px) {
    .gapXL {
        height: 48px;
        display: block;
        width: 100%;
    }

    .gapL {
        height: 40px;
        display: block;
        width: 100%;
    }

    .gapM {
        height: 32px;
        display: block;
        width: 100%;
    }

    .gapS {
        height: 24px;
        display: block;
        width: 100%;
    }

    .gapXS {
        height: 16px;
        display: block;
        width: 100%;
    }

}

/* GAPS TABLET/MOBILE */
@media (max-width: 992px) {
    .gapXL {
        height: 40px;
        display: block;
        width: 100%;
    }

    .gapL {
        height: 32px;
        display: block;
        width: 100%;
    }

    .gapM {
        height: 24px;
        display: block;
        width: 100%;
    }

    .gapS {
        height: 16px;
        display: block;
        width: 100%;
    }

    .gapXS {
        height: 8px;
        display: block;
        width: 100%;
    }

}