@import"../theme/theme.min.css";
@import"../components-css/navbar.min.css";
@import"../components-css/main.min.css";
@import"../carousel/theme-carousel.min.css";
@import"../components-css/planesTvMovistar.min.css";
@import"../components-css/footer.min.css";
@import"../components-css/canales.min.css";
@import"../components-css/formSticky.min.css";
@import"../components-css/modalContactame.min.css";
@import"../seo/tabla-seo.css";

.selector {
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #019df4;
    border-radius: 23px;
    display: flex;
    justify-content: space-between;
    width: 610px;
    align-items: center
}

@media(max-width: 767px) {
    .selector {
        width: 100%
    }
}

.selector .btn__selector {
    color: #019df4;
    font: normal normal 600 22px/31px Telefonica;
    background: none;
    padding: 9px 15px;
    border-radius: 23px;
    transition: background .3s ease-in, color .2 ease-in-out
}

.selector .btn__selector.active {
    background-color: #019df4;
    color: #fff
}

@media(max-width: 767px) {
    .selector .btn__selector {
        font: normal normal 600 16px/22px Telefonica
    }
}


.hiddenPlan {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    height: 1px;
    overflow: hidden
}

.container__allPlans {
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .glider-track {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 20px 0px;
    }
}

.cards__dos .glider-track .glider-slide {
    max-width: 30% !important;
    flex: 0 0 30%;
}

@media (max-width: 1200px) {
    .cards__dos .glider-track .glider-slide {
        max-width: 40% !important;
        flex: 0 0 40%;
    }
}

@media (max-width: 990px) {
    .cards__dos .glider-track .glider-slide {
        max-width: 50% !important;
        flex: 0 0 50%;
    }
}

.card__planesMovistar .iconosMarcas .ligas {
    width: 60%;
}

.glider-track {
    align-items: flex-start;
}