.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: 82%;
  }

  .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%;
  }
}