/*VERSÃO MOBILE*/


@media only screen and (max-width: 1024px) {



    #menu {
        display: none;
    }

    #head-menu {
        display: none;
    }

    #head-banner {
        display: none;
        ;
    }

    #head-banner-center {

        display: none;

    }

    #head-banner-2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #head-banner-center-2 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }




    /*planos*/

    #planos {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #planos-center {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #plans-centered {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    .planos-wlan {
        background-color: #fff;
        width: 80vw;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0;

    }

    #division {
        padding: 1rem;
        text-align: center;
    }

    #division-gp,
    #division-tc,
    #division-pr,
    #division-cs,
    #division-intv,
    #division-tv {
        font-size: 2rem;
        text-align: center;
        display: flex;
    }

    #division3 {

        padding: 1rem 0rem;
        font-size: 2rem;
        text-align: center;
        width: 80vw;
    }

    .plano-head {
        color: #fff;
        font-size: 1rem;
        font-weight: 500;
        background-color: #ff6000;
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .assets-id {
        font-size: 1rem 0rem;
        margin: 0.400rem;
    }

    .velocidade {
        font-size: 2rem 0rem;
        text-align: center;
    }

    .preco {
        font-size: 3rem;
        text-align: center;
    }

    .contrate {
        font-size: 1.500rem;
    }

    .popup {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.95);
        padding: 20px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        width: 70%;
        max-width: 90%;
        text-align: left;

    }

    .popup-content {
        margin-top: 30px;
        max-height: 80vh;
        /* Definindo altura máxima */
        overflow-y: auto;
        /* Habilita a rolagem vertical */
        margin: 0 1rem;

    }


    #apps-inclusos img {
        width: 10vw;
        padding: 0.100rem;
    }

    #link-wp img {
        width: 9vw;
        transition: 0.2s
    }



    /*apps*/

    #app-wlan-center {
        flex-direction: column;
    }

    #apps-svas {
        display: flex;
        flex-direction: column;
    }

    #apps-svas-center,
    #config-sva-text {
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    #sva-text {
        width: 90%;
        padding: 4rem 0rem;
    }

    #sva-icon {
        width: 100%;
    }

    #sva-icon img {
        width: 110%;
    }

    #download {
        width: 90%;
        padding: 1rem 0;
        margin: 0.500rem 0;
    }


    #quemsomoscenter {
        flex-direction: column;
        margin: 2rem 0;
    }

    #qsleft {
        text-align: center;
    }

    #qsright {
        width: 90%;
    }

    #internet {
        padding: 1rem 0rem 15rem 0rem;
    }

    #internetcenter {
        flex-direction: column;
    }

    #internet-foot {
        flex-direction: column;
    }

    #texto-duvidas {
        padding: 2rem;
        width: 80%;
        text-align: center;
    }

    #velocidade2 {
        width: 90%;
        height: auto;
        padding: 1rem;
    }


    #tvwlan {
        height: 100%;
    }

    #wlanvideo {
        height: 100%;
    }

    #tvcenter,
    #tv-align {

        flex-direction: column;
    }

    #video-bar {
        width: 100%;
    }

    @media only screen and (max-width: 1024px) {
        #tvcenter2 {
            padding: 1rem;
        }

        #historia2 {
            font-size: 1rem;
            /* ou ajuste conforme necessário */
            line-height: 1.5;
           
            /* espaço antes do vídeo */
            padding: 0 1rem;
            text-align: justify;
        }

        #video-bar {
            margin-top: 2rem;
            padding: 0 1rem;
            width: 100%;
        }

        #wlanvideo {
            display: flex;
            flex-direction: column;
            align-items: center;
        }


        #canais {
            margin-top: 6rem;
        }

        #canais-center {
            flex-direction: column;
        }

        #tv-box {
            flex-direction: column;
            width: 100%;
            margin: 8rem 0;
            height: auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        #texto-tv {
            width: 100%;
            text-align: center;
            color: #fff;
            font-size: 2rem;
            font-weight: 400;
            padding: 1rem;
        }

        #tv-left-2 img {

            width: 70%;
        }

        #tv-left-2 {
            width: 100%;
        }

        #texto-head-2 {
            padding: 0rem 0rem 8rem 0rem;
            width: 100%;
        }

        #it-head-3 {
            width: 100%;
        }

        #it-head-4 {

            padding: 1rem 0;
            width: 100%;
        }



        .slider::before,
        .slider::after {
            display: none;
            background: linear-gradient(to right, #1a1a1c 25%, rgba(255, 255, 255, 0) 100%);
            content: "";
            height: 10px;
            position: absolute;
            width: 20px;
            z-index: 2;
        }

        .slide-track {
            display: none;
            display: flex;
            animation: scroll 25s linear infinite;
            width: calc(100% * 6);
            /* Duplicando a largura do slider para repetição contínua */
        }






        #internet-foot-right {
            margin: 4rem;
        }


        #divider {}



        #telefonia {
            margin-top: 2rem;
        }

        #velocidade2-2 {
            width: 90%;
            height: auto;
            padding: 2rem 0;
        }

        #duvidas-center,
        #duvidas {
            height: auto;
            flex-direction: column;
        }

        .atendimento {
            width: 70%;
            margin: 2rem;
            padding: 2rem;
            border-radius: 0.400rem;
            background-color: #ff6000;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }



        #footage {
            display: flex;
            height: 100%;
            width: 100%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        #footage-center {
            width: 90%;
            flex-direction: column;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #foot-left {
            flex-direction: column;
            width: 90%;
        }

        #foot-right {
            padding: 3rem 0;
            flex-direction: column;
            width: 90%;
        }

        #foryou {
            flex-direction: column;
        }

        #foryou2 {
            margin-left: 0;
            flex-direction: column;
        }



        #menu-planos {

            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #menu-planos-center {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }


        #escolha-pl {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffde00;
            margin: 1rem 0rem;
        }

        #plano-op {
            color: #fff;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;

        }

        #plano-op:hover {
            background-color: #ffde00;
            color: #1a1a1c;
            font-weight: 500;
            font-size: 1rem;
        }


        #link-03 {
            width: 100%;
            font-size: 1rem;
            font-weight: 400;
            color: #fff;
            text-align: justify;
            line-height: 1rem;
        }



        #number-att {
            color: #fff;
            font-size: 3rem;
            font-weight: 700;
        }

        #separate img {
            padding: 0.008rem;
            width: 70%;
        }

        #separate {
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
        }


        #rodape {}





























        /* Estiliza o cabeçalho */
        #header {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #1a1a1c;
        }

        #header-center {
            width: 90%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }

        .menu {
            display: none;
            flex-direction: column;
            position: absolute;
            top: 80px;
            left: 0;
            width: 100%;
            background-color: #333;
            text-align: center;
        }

        .menu a {
            color: white;
            text-decoration: none;
            padding: 15px;
            border-top: 1px solid #444;
            display: block;
        }

        .menu a:hover {
            background-color: #555;
        }

        /* Estiliza o botão hambúrguer */
        .menu-btn {
            font-size: 30px;
            cursor: pointer;
            background: none;
            border: none;
            color: white;
        }

        /* Exibe o menu quando ativado */
        .menu.active {
            display: flex;
        }




    }


}