#carousel-ws10 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

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

#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:nth-child(4) {
    order: 4;
}

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



/* orden landing one */

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

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

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

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

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


/* .main-one #carousel-ws10 .card-rate:has(.section-config) {
    order: 0;
} */

/* orden landing one */


/* orden landing tv */

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

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

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

.main-tv #carousel-ws10 .card-rate:nth-child(4) {
    order: 4;

}

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

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

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

.main-tv #carousel-ws10 .section-conf-tx-desktop {
    order: 6;
}


.main-tv .section-conf-tx-mobile {
    order: 6;
}


/* orden landing tv */

/* orden landing configura tu plan  */

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

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

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

.main-one.config #carousel-ws10 .card-rate:nth-child(4) {
    order: 4;
}


/* orden landing configura tu plan  */

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

.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 .2s linear;
}

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

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

.dropdown-text__chevron {
    display: none;
}

.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;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 15px;
    gap: 10px;
}

.card-rate .features-item .features-item__container svg {
    width: 24px;
    height: 24px;
    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;
    flex-direction: row-reverse;
    align-items: center;
}

#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: 0;
}

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


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

@media screen and (min-width:768px) {

    /* .header-rate .dropdownDetails {
        width: 100%;
        margin-top: 20px;
    } */
    #carousel-ws10 .card-rate {
        width: 80%;
    }

    .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:1024px) {
    #carousel-ws10 .card-rate {
        width: 60%;
    }
}

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

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

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

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

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

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

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


    /* orden landing one */

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

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

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

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

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

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



    /* orden landing one */

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

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

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




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

    #carousel-ws10 .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;
    }
}