/* Variables originales y unión con la parte superior de dinámica. */
.dinamica-legacy-steps {
    --color-white: #ffffff;
    --color-green: #75ba21;
    --font-display:
        "Avenir Next Condensed Custom",
        "Arial Narrow",
        sans-serif;
    --gradient-steps-wave: linear-gradient(
        180deg,
        #b60087 0%,
        #b60087 38%,
        #9f0d89 55%,
        #9b108a 72%,
        #8e188c 87%,
        #811f8c 100%
    );
    --gradient-steps-wave-desktop: linear-gradient(
        90deg,
        #8f1a85 0%,
        #8f1a85 40%,
        #9a1684 80%,
        #9a1684 100%
    );
}

.dinamica-legacy-steps .step__description {
    display: block;
    white-space: normal;
    font-weight: 600;
}

.dinamica-legacy-steps .step__description strong {
    font-weight: 900;
}

.step__terms {
    display: block;
    margin-top: 0.2rem;
    font-family: var(--font-display);
    font-style: italic;
    font-size: 0.85rem;
    line-height: 1.1;
}

.dinamica-legacy-steps .step--four .step__sponsors {
    display: block;
}

.step__sponsors-strip {
    width: 100%;
    height: auto;
    margin-inline: auto;
}

@media (max-width: 63.999rem) {
    .dinamica-legacy-steps .step {
        background:
            linear-gradient(180deg, rgb(161 19 132 / 80%), rgb(152 23 133 / 10%)),
            linear-gradient(90deg, #991685 0%, #961885 50%, #971785 100%);
    }

    .dinamica-legacy-steps .step--one::before {
        height: 17rem;
    }

    .dinamica-legacy-steps .step--two {
        min-height: 24rem;
    }

    .dinamica-legacy-steps .step--two::before {
        height: 18rem;
        border-radius: 0 0 50% 50% / 0 0 25% 25%;
    }

    .dinamica-legacy-steps .step--three {
        min-height: 23rem;
    }

    .dinamica-legacy-steps .step--three::before {
        height: 15rem;
        border-radius: 0 0 50% 50% / 0 0 28% 32%;
    }

    .dinamica-legacy-steps .step__copy {
        width: calc(100% - 4.6rem);
    }

    .dinamica-legacy-steps .step--two .step__description,
    .dinamica-legacy-steps .step--three .step__description,
    .dinamica-legacy-steps .step--four .step__description {
        margin-top: 0.5rem;
        font-size: clamp(1.2rem, 6.4vw, 1.8rem);
        line-height: 1;
    }

    .dinamica-legacy-steps .step--four::before {
        height: 17.5rem;
        border-radius: 0 0 50% 50% / 0 0 28% 25%;
    }

    .dinamica-legacy-steps .step--four .step__sponsors {
        position: relative;
        inset: auto;
        margin: 0;
        padding: 1rem 1.25rem 1.5rem;
    }

    .dinamica-legacy-steps .step--four .step__copy {
        min-height: 17.5rem;
    }
}

@media (min-width: 64rem) {
    .dinamica-win__cart { display: none; }
}