.franja-imagen-repetida {
    display: block;
    position: relative;
    width: 100%;
    height: var(--franja-imagen-alto-desktop, 96px);
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.franja-imagen-repetida::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--franja-imagen-url);
    background-position: center bottom;
    opacity: var(--franja-imagen-opacidad, 1);
}

.franja-imagen-repetida--repeat-x::before {
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.franja-imagen-repetida--no-repeat::before {
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .franja-imagen-repetida {
        height: var(--franja-imagen-alto-mobile, 72px);
    }
}