#carousel-ws10 {
  display: grid;
  margin-top: 2rem;
}

#carousel-ws10 .card-rate {
  min-height: initial;
  margin: 0 auto;
  width: 360px;
}

#carousel-ws10 .tabs-container {
  order: 1;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

#carousel-ws10 .card-rate__content {
  min-height: initial;
  margin-bottom: 2rem;
}

#carousel-ws10 .header-rate .dropdownDetails {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* padding: var(--padding-rate) 0 0; */
}

#carousel-ws10 .overflow-menu-dropdown-text {
  background-color: var(--color--white);
  border: none;
}

#carousel-ws10 .overflow-menu-dropdown-text .dropdown-text.btn-dropdown {
  font-size: 18px;
  border: none;
  background-color: #fff;
  position: relative;
  min-width: 100px;
  text-align: left;
}

#carousel-ws10
  .overflow-menu-dropdown-text
  .dropdown-text.btn-dropdown.bg-dark {
  background-color: var(--color--extra-dark-grey);
  color: var(--color--white);
}

.dropdown-text--active:after {
  transform: translateY(60%) rotate(-45deg);
}

#carousel-ws10 .dropdown-text__chevron {
  display: none;
}

#carousel-ws10 .dropdown-text__chevron.active {
  display: block;
}

#carousel-ws10 .card-cta {
  width: 50%;
  padding: 0;
}

#carousel-ws10 .card-cta > a {
  font-size: 1.6rem;
}

#carousel-ws10 .card-cta a.bg-dark--degree-mobile {
  background-color: var(--color--red);
  color: var(--color--white);
}

#carousel-ws10 .list-features {
  display: none;
  margin-top: 0;
}

#carousel-ws10 .list-features.active {
  display: flex;
}

#carousel-ws10 .header-rate.bg-ligth--mobile {
  background-color: var(--color--white);
  color: var(--color-dark-grey);
}

#carousel-ws10 .list-features {
  background-color: #fff;
  padding-top: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#carousel-ws10 .list-features::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
}

.packs-item {
  margin-top: 2rem;
}

.packs-item:not(:has(.item-featured)) {
  width: 100%;
}

.packs-item .features-item__item-icons__container {
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 1rem;
}

.packs-item .features-item__item-icons-link {
  width: auto;
}

.packs-item .features-item__item-icons__container .column {
  padding: 0.5rem;
}

/* packs icons */

.packs-icons {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.packs-icons.item-desktop {
  display: none;
}

.packs-icons.full-width {
  width: 100%;
}

.packs-icons.medium-width {
  width: 50%;
}

.packs-icons .features-item__item-icons__container {
  justify-content: flex-start;
}

.packs-icons .features-item__item-icons__container.full-width {
  width: 100%;
}

.packs-icons .features-item__item-icons-link {
  width: auto;
}

.packs-icons
  .features-item__item-icons__container.full-width
  .features-item__item-icons-link.full-width {
  width: 100%;
}

.packs-icons .features-item__item-icons__container .column {
  padding: 0.5rem;
}

.packs-icons svg {
  border-radius: 6px;
}

.packs-icons .features-item__item-icons__container-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

/* packs icons */

.card-rate .features-item .features-item__container svg {
  /* width: 4rem;
    height: 4rem; */
  border-radius: 6px;
}

.card-rate .header-rate .column {
  gap: 8px;
}

#carousel-ws10 .card-rate .header-rate .column-left {
  flex: initial;
}

/* #carousel-ws10 .item-cta-tx:not(.vfms-device__more-info)>a:hover {
    background: #E60000;
} */

#carousel-ws10 .headerBottom {
  width: 100%;
  display: flex;
  align-items: center;
}

.main-tv #carousel-ws10 .card-rate .header-rate {
  background-color: var(--color--extra-dark-grey);
  background-image: none;
  padding: 0 0 1.6rem 0;
}

.main-tv #carousel-ws10 .card-rate .header-rate > div:not(.item-featured) {
  padding: 0 1.6rem;
}

.main-tv #carousel-ws10 .card-rate .header-rat .features-item__title {
  padding-left: 1.6rem;
}

.main-tv #carousel-ws10 .card-rate .header-rate > div:nth-of-type(1) {
  margin-top: 2rem;
}

.main-tv #carousel-ws10 .card-rate .header-rate img {
  max-width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.main-tv #carousel-ws10 .card-rate .header-rate .column {
  transform: translateY(0);
}

.main-tv #carousel-ws10 .card-rate .header-rate .features-item__item-icons {
  display: flex;
  flex-direction: row;
}

.main-tv #carousel-ws10 .card-rate .features-item.item-featured {
  width: auto;
  margin-top: 1rem;
}

.main-tv #carousel-ws10 .card-rate .header-rate .column-rigth {
  margin: 2.2rem 0;
}

.main-tv #carousel-ws10 .card-rate .header-rate > .column-left {
  margin: 0 0 2.2rem 0;
}

.main-tv #carousel-ws10 .features-item__item-icons__container {
  align-items: center;
  height: 5.4rem;
}

.main-tv
  #carousel-ws10
  .features-item__item-icons__container
  .features-item__item-icons-link
  .column {
  border: solid 4px transparent;
}

.main-tv
  #carousel-ws10
  .features-item__item-icons__container
  .features-item__item-icons-link.selected
  .column {
  border: solid 4px var(--color--lemon-yellow);
}

/*  */

.section-rates:has(.section-config) .tabs-container {
  position: relative;
  transform: translateY(550px);
  z-index: 4;
}

.main-one .section-rates:has(.section-config) .tabs-container {
  transform: translateY(547px);
}

.main-voz .section-rates:has(.section-config) .tabs-container {
  transform: translateY(543px);
}

.card-rate:has(.section-config) {
  transform: translateY(-50px);
}

.banner-card .dropdown-text__chevron:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

/*  */

.header-rate .tax-note {
  width: 100%;
  margin-top: auto;
}

@media screen and (min-width: 768px) {
  #carousel-ws10 .card-rate {
    width: 450px;
  }
  .main-tv #carousel-ws10 .card-rate .header-rate .column {
    transform: translateY(0);
  }
  .banner-card .dropdown-text__chevron:after {
    border-top: 1px solid #e60000;
    border-right: 1px solid #e60000;
  }
}

@media screen and (min-width: 1024px) {
  #carousel-ws10 .card-rate {
    width: 360px;
  }
  #carousel-ws10 {
    margin-top: 5rem;
  }
}

@media screen and (min-width: 1280px) {
  #carousel-ws10 {
    display: flex;
    /* flex-wrap: wrap; */
  }

  #carousel-ws10 .list-features {
    display: flex;
    flex: 1;
    padding-top: 1.6rem;
  }

  #carousel-ws10 .card-rate__content {
    margin-bottom: 0;
  }

  #carousel-ws10 .card-rate {
    margin: initial;
  }

  #carousel-ws10 .card-rate:has(.section-config) {
    order: 5;
  }

  #carousel-ws10 .card-rate:nth-child(1) {
    order: 1;
  }

  #carousel-ws10 .card-rate:nth-child(2) {
    order: 2;
  }

  #carousel-ws10 .card-rate:nth-child(3) {
    order: 3;
  }

  #carousel-ws10 .card-rate:has(.section-conf-tx-desktop) {
    order: 4;
    display: none;
  }

  #carousel-ws10:has(.section-config) .card-rate:nth-child(4) {
    order: 5;
  }

  #carousel-ws10 .tabs-container {
    width: 100%;
    margin-top: 0;
    order: 0;
  }

  #carousel-ws10 .card-cta {
    width: 100%;
    padding: var(--padding-rate) 0 0;
  }

  #carousel-ws10 .card-rate .header-rate .column-left {
    flex: 1;
  }

  .section-rates .header-rate .dropdownDetails {
    display: none;
  }

  #carousel-ws10 .list-features::before {
    display: none;
  }

  #carousel-ws10 .header-rate.bg-ligth--mobile {
    background-image: linear-gradient(45deg, #820000 0%, #e60000 100%);
    color: var(--color--white);
  }

  #carousel-ws10 .card-cta a.bg-dark--degree-mobile {
    background-color: var(--color--white);
    color: var(--color--dark-grey);
  }

  #carousel-ws10 .packs-item {
    margin-top: 0.5rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }

  #carousel-ws10
    .packs-item
    .features-item__item-icons__container
    .features-item__item-icons-link
    .column {
    border: solid 4px transparent;
  }

  #carousel-ws10
    .packs-item
    .features-item__item-icons__container
    .features-item__item-icons-link.selected
    .column {
    border: solid 4px #007c92;
  }

  #carousel-ws10 .headerBottom {
    align-items: flex-end;
  }

  #carousel-ws10 .header-rate .dropdownDetails {
    display: none;
  }

  /*  */
  .tabs-container {
    position: relative;
    transform: translateY(0);
    z-index: 4;
  }

  .main-one .tabs-container {
    transform: translateY(0);
  }

  .main-one .section-rates:has(.section-config) .tabs-container {
    transform: translateY(0);
  }

  .main-voz .tabs-container {
    transform: translateY(0);
  }

  .card-rate:has(.section-config) {
    transform: translateY(0);
  }

  /*  */
  /* cards con packs de TV */
  /* solo tienen el bloque de iconos */
  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-icons
    )
    .header-rate {
    min-height: 30rem;
  }

  /* solo tienen el bloque de packs seleccionables */
  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-item
    )
    .header-rate {
    min-height: 30rem;
  }

  /* tienen el bloque de iconos y el bloque de packs seleccionables*/
  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-item
    ):has(.card-rate .card-rate__content .header-rate .packs-icons)
    .header-rate {
    min-height: 35rem;
  }

  /* cards con packs de TV */
  /* cards con hermanas que tienen packs de TV pero ellas no tienen */
  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-icons
    )
    .card-rate:not(:has(.card-rate__content .header-rate .packs-icons))
    .column-rigth {
    margin-bottom: 106px;
  }

  /* cards con hermanas que tienen packs de TV pero ellas no tienen */

  /* logos */

  .bg-dark .svg-logo[data-logo-name^="netflix-text"] svg g g rect:first-child {
    fill: white;
  }

  .bg-dark .svg-logo[data-logo-name$="-max-black"] svg > g > path {
    fill: white;
  }

  .bg-dark .svg-logo[data-logo-name$="-max-black"] svg > g > g > g > path {
    fill: black;
  }

  /* logos */
}