.filete-banner .belt {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
}

.filete-banner>span {
    display: flex;
    align-items: center;
}

.filete-banner {
    font-size: 14px;
    width: 100%;
    padding: 12px 0;
}

.filete-banner.vf-full-width {
    max-width: 100%;
}

.filete-banner.vf-no-padding {
    padding: 0;
}

.filete-banner .filete-banner-container {
    display: flex;
    justify-content: space-between;
}

.filete-banner.vf-no-padding .filete-banner-item {
    padding: 12px 0;
}

.filete-banner a {
    border: none;
    font-size: 14px;
    padding: 12px;
    border-radius: 6px;
}

.filete-banner a.vf-bgColor-red {
    background-color: var(--color--red);
    color: var(--color--white);
}

.filete-banner p {
    font-size: 1.6rem;
}

.filete-banner a.vf-color--white {
    color: var(--color--white);
}

@media screen and (min-width: 1024px) {
    .banner-form {
        z-index: 2;
    }
    .filete-banner {
        position: absolute;
        z-index: 1;
    }
    .filete-banner .belt {
        margin-left: 12rem;
        justify-content: initial;
    }
    .banner-rate-box {
        margin-top: 4rem;
    }
    .filete-banner p {
        font-size: 1.8rem;
    }
    /* colocamos imagen */
    .main-one:has(.filete-banner) .section.section-banner:has(.card-rate, .card-rate.card-rate--simplify) {
        background-position-y: 3rem;
    }
    .filete-banner~.section-banner>.belt>.banner-card-rate__container {
        padding-top: 4rem;
    }
    .filete-banner~.section-banner>.belt>.banner-card-rate__container:has(li.features-item:nth-child(3)) {
        padding-top: 6rem;
    }
    .filete-banner.filete-counter~.section-banner>.belt>.banner-card-rate__container {
        padding-top: 6rem;
    }
    .filete-banner~.section-banner>.belt>.banner-card-rate__container:has(li.features-item:nth-child(3), .badge-rate--top) {
        padding-top: 12rem;
    }
}

@media screen and (min-width:1280px) {
    .filete-banner .belt {
        margin-left: initial;
        justify-content: center;
    }
}

@media screen and (min-width:1600px) {
    .filete-banner .belt {
        margin-left: 12rem;
    }
}

@media screen and (min-width: 1920px) {
    .filete-banner {
        font-size: 1.8rem;
        text-align: left;
    }
    .filete-banner .belt {
        margin-left: 20rem;
    }
}

@media screen and (min-width:1921px) {
    .filete-banner~.section-banner>.belt>.banner-card-rate__container {
        padding-top: 0;
    }
    .filete-banner~.section-banner>.belt>.banner-card-rate__container:has(li.features-item:nth-child(3)) {
        padding-top: 0;
    }
}