.section.section-banner {
    display: none;
}

.main-one.config .section.section-banner {
    display: block;
}

.section-config-tx-banner {
    width: 95%;
    margin-inline: auto;
    padding-bottom: 2rem;
}

.flex-container {
    max-width: 1500px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(to top right, #e60000 40%, #820000 90%);
}

/* .main #section-carousel-ws10 {
    background-image: linear-gradient(to top right, #e60000 40%, #820000 90%);
} */

.main #title-control {
    color: var(--color--white);
}



@media screen and (min-width: 1280px) {
    .flex-container {
        margin-inline: auto;
    }

    .section-config-tx-banner {
        width: 100%;
    }

    .main #title-control {
        color: var(--color--extra-dark-grey);
    }

    .flex-container {
        background: #f4f4f4;
        width: 95%;
    }

    body:has(#carousel-ws10[style="display: none;"]) .flex-container {
        width: 100%;
    }

    .main #section-carousel-ws10 {
        background: #f4f4f4;
    }

    /* desplegar cards en configurador */
    body:has(.main-one.config) #section-carousel-ws10 .header-rate .dropdownDetails {
        display: none;
    }

    body:has(.main-one.config) #section-carousel-ws10 #carousel-ws10 .list-features {
        display: flex;
    }

    body:has(.main-one.config) #carousel-ws10 .card-cta {
        width: 100%;
    }

    /* desplegar cards en configurador */
}

@media screen and (min-width:1600px) {
    body:has(#carousel-ws10[style="display: none;"]) .flex-container {
        width: 95%;
    }
}