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

/* orden landing configura tu plan  */

#carousel-ws10 .card-rate__content {
  min-height: initial;
}

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

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

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

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

.dropdown-text:after {
  content: "";
  border-top: 1px solid #e60000;
  border-right: 1px solid #e60000;
  border-width: 1px;
  width: 0.66em;
  height: 0.66em;
  transform: rotate(135deg);
  display: inline-block;
  position: absolute;
  vertical-align: text-top;
  left: 80%;
  top: 0;
  transition: transform 0.2s linear;
}

.dropdown-text--active:after,
.dropdown-text:after {
  transition: transform 0.2s linear;
}

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

.dropdown-text__chevron {
  display: none;
  text-align: left;
  margin-left: 24px;
}

.dropdown-text__chevron.active {
  display: block;
}

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

#carousel-ws10 .card-cta > a {
  font-size: 16px;
}

#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 .card-rate:not(:last-child) {
    background-color: transparent;
}

#carousel-ws10 .card-rate:has(.section-conf) {
    background-color: #fff;
} */

#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: 20px;
  margin-bottom: 20px;
}

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

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

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

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

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

.packs-item .features-item__item-icons__container .column {
  padding: 5px;
}

.packs-item
  .features-item__item-icons__container
  .features-item__item-icons.column.vf-bgColor-black-header {
  background: var(--color-black-header);
}

.packs-icons {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  /* margin-bottom: 12px; */
}

.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: 5px;
}

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

.packs-icons .features-item__item-icons__container-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 15px;
  gap: 6px;
}

.card-rate .features-item .features-item__container svg {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.card-rate .features-item .features-item__container .close-button svg {
  width: 18px;
  height: 18px;
}

.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;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 12px;
}

#carousel-ws10 .headerBottom {
  flex-wrap: wrap;
}

.header-rate:has(.packs-item):has(.cintillo-container) .cintillo-container {
  margin-top: 10px;
  margin-bottom: 30px;
}

.header-rate .cintillo-container {
  display: inline-flex;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.header-rate .cintillo-container.mobile-hidden {
  display: none;
}

.header-rate .cintillo-container.display--desktop {
  display: none;
}

.header-rate .notes {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: auto;
  line-height: 1.2;
}

.header-rate:has(.column-rigth .notes) .column {
  gap: 8px;
}

#carousel-ws10
  .packs-item
  .features-item__item-icons__container
  .features-item__item-icons-link
  .column {
  display: flex;
  flex-direction: row;
}

#carousel-ws10 .card-rate:has(.badge-rate--top) {
  margin-top: 30px;
}

.card-rate .header-rate .column.flex-row {
  flex-direction: row;
}

.card-rate .header-rate .column.align-center {
  align-items: center;
}

.card-rate .header-rate .price-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.svg-logo.logo--desktop {
  display: none;
}

.header-rate .rate-features {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.header-rate .rate-features.width-auto {
  width: auto;
}

/* .header-rate>div.column.column-rigth+div {
    margin-top: 12px;

} */

.header-rate > div:not(.column):nth-last-child(2) {
  margin-top: auto;
  margin-bottom: 12px;
}

/* .header-rate>div.column.column-rigth+div {
    background-color: green;
    margin-top: 12px;
} */

@media screen and (min-width: 412px) {
  .packs-icons {
    width: 66%;
  }
}

@media screen and (min-width: 768px) {
  .header-rate .cintillo-container {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #carousel-ws10 .card-cta.item-cta-tx {
    margin-left: auto;
    /* transform: translateY(-20px); */
  }

  .header-rate:has(.packs-icons):has(.packs-item)
    .column-left:not(.features-item__item-icons) {
    width: 50%;
  }

  .header-rate:has(.packs-icons):has(.packs-item) .column-rigth {
    width: 50%;
  }

  .header-rate:has(.packs-icons):has(.packs-item) .packs-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: 40px;
  }

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

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

  .packs-icons {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1280px) {
  .section--cards__container {
    display: flex;
    flex-direction: initial;
  }

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

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

  .header-rate .dropdownDetails {
    width: 100%;
    margin-top: 20px;
  }

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

  .card-rate .header-rate .column {
    margin-bottom: 12px;
  }

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

  #carousel-ws10:has(.notes) .card-rate .header-rate .column-left {
    min-height: 80px;
  }

  .card-rate .header-rate .column-left.desktop--full-width {
    width: 100%;
  }

  .card-rate .header-rate .column-rigth.desktop--full-width {
    width: 100%;
    flex-wrap: wrap;
  }

  .card-rate .header-rate .column-rigth.desktop--full-width .pa {
    width: 100%;
    flex-wrap: wrap;
  }

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

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

  .bg-ligth--mobile .dropdown-text:after {
    border-top: 1px solid white;
    border-right: 1px solid white;
  }

  .bg-ligth--mobile .overflow-menu-dropdown-text {
    background-color: transparent;
    color: var(--color--white);
  }

  .bg-ligth--mobile .overflow-menu-dropdown-text .dropdown-text.btn-dropdown {
    background-color: transparent;
    color: var(--color--white);
  }

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

  .overflow-menu-dropdown-text {
    width: 100%;
  }

  .overflow-menu-dropdown-text button {
    width: calc(100% - 16px);
  }

  #carousel-ws10 .packs-item {
    margin-top: 5px;
    margin-bottom: 20px;
  }

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

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

  .main-tv
    .packs-item
    .features-item__item-icons__container
    .features-item__item-icons-link
    .column {
    border: solid 1px #666;
  }

  .main-tv
    .packs-item
    .features-item__item-icons__container
    .features-item__item-icons-link.selected
    .column {
    border: solid 1px #007c92;
  }

  #carousel-ws10 .headerBottom {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: auto;
  }

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

  /* solo tienen el bloque de iconos */
  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-icons
    )
    .header-rate {
    min-height: 260px;
  }

  /* body:has(.main-one.config) .section--cards__container:has(.card-rate .card-rate__content .header-rate .packs-icons) .header-rate {
        min-height: 300px;
    } */

  .main-tv
    .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .packs-icons
    )
    .header-rate {
    min-height: 260px;
  }

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

  /* 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: 350px;
  }

  /* tienen el bloque de iconos o item dispositivo y pill*/

  .section--cards__container:has(
      .card-rate .card-rate__content .header-rate .cintillo-container
    ):has(.card-rate .card-rate__content .header-rate .item-featured)
    .header-rate {
    min-height: 300px;
  }

  .section--cards__container:has(.badge-rate--top) {
    margin-top: 50px;
  }

  .card-rate:has(.badge-rate--top) {
    margin-top: 0;
  }

  .header-rate .cintillo-container {
    display: flex;
    margin-top: auto;
  }

  .header-rate .cintillo-container.display--desktop {
    display: flex;
  }

  .header-rate:has(.packs-item):has(.cintillo-container) .cintillo-container {
    margin-bottom: 10px;
  }

  .packs-icons {
    width: 100%;
  }

  .header-rate .notes {
    align-items: flex-end;
  }

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

  .svg-logo[data-logo-name="dazn"] {
    width: 44px;
    height: 44px;
    background-color: #0d0d0d;
    border-radius: 6px;
  }

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

  .svg-logo[data-logo-name$="-max-black"] svg > g > rect:first-child {
    fill: black;
  }

  .svg-logo.logo--mobile {
    display: none;
  }

  .svg-logo.logo--desktop {
    display: block;
  }

  .svg-logo[data-logo-name="dazn"] svg {
    transform: translateX(2px) translateY(2px);
  }

  #carousel-ws10 .card-cta.item-cta-tx {
    margin-left: auto;
    transform: translateY(0);
  }

  .header-rate:has(.packs-icons):has(.packs-item) .packs-item {
    margin-right: auto;
    margin-left: 0;
  }

  .header-rate .cintillo-container.mobile-hidden {
    display: inline-flex;
  }

  .card-rate .header-rate {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-rate:has(.badge-rate.badge-rate--top) .header-rate {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #carousel-ws10 .card-rate:has(.badge-rate--top) {
    margin-top: 0;
  }
}

/* @media screen and (min-width:1440px) {
    .main-one.config .section--cards__container:has(.card-rate .card-rate__content .header-rate .packs-icons) .header-rate {
        min-height: 285px;
    }
} */