/* ESTILO DA PÁGINA "A EMPRESA" */

header.header-pages{
    position: static;
    background-color: var(--corVerde);
}

section.a-empresa{
    padding: 60px 0;
}

.title-empresa{
    width: 60%;
    text-align: center;
    margin: 0 auto;
}

.title-empresa h2{
    font-size: 2.2em;
    line-height: 40px;
}

.txt-empresa{
    width: 80%;
    margin: 20px auto;
}

footer{
    background-color: var(--corVerde);
    color: #fff;
}

/* FIM DO ESTILO DA PÁGINA "A EMPRESA" */

/* ESTILO DA PÁGINA "TV" */

section.bg-tv, section.bg-telefonia, section.bg-contato{
    width: 100%;
    height: 338px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.bg-tv .title-tv-bg, section.bg-telefonia .title-telefonia-bg, section.bg-contato .title-contato-bg {
    width: 40%;
    padding: 30px 2%;
}

.title-tv-bg h1, .title-telefonia-bg h1, .title-contato-bg h1{
    color: #fff;
    font-size: 5em;
}

.title-tv-bg p, .title-telefonia-bg p{
    color: #fff;
    font-size: 1.6em;
    font-weight: 600;
}

.canais-content{
    width: 100%;
}

.canais-box-linha{
    display: flex;
    justify-content:center;
}

.canais-box-linha img{
    max-width:300px;
}

.canais-box-linha div{
    margin-bottom: 20px;
}

.canais-box-linha div:not(:last-child){
    margin-right: 35px;
}

/* FIM DO ESTILO DA PÁGINA "TV" */

/* ESTILO DA PÁGINA "TELEFONIA" */

section.telefone-fixo{
    width: 100%;
    padding: 60px 2%;
}

section.telefone-fixo > .container{
    max-width: 900px;
}

.ajuste-telefone{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ajuste-telefone > div{
    width: 33.3%;
}

.img-telefone img{
    width: 100% ;
    max-width: 300px;
}

.text-right{
    text-align: right;
    font-size: 16px
}

.txt-telefone{
    padding: 0 2%;
}

.txt-telefone h2{
    font-size: 34px;
}

.txt-telefone-fora{
    margin-top: 60px;
    font-size: 18px;
}

/* PLANO TELEFONIA */

.plano-telefonia{
    width: 100%;
}

.plano-box-telefonia{
    max-width: 300px;
    height: auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
    margin: 60px auto;
    box-shadow: 0 10px 10px 1px #0000003a;
}

.plano-box-telefonia div.premium p{
    font-size: 35px;
    font-weight: 700;
    color: var(--corVerde);
}

.plano-box-telefonia div.preco-telefonia-plano p{
    font-size: 28px;
    text-align: center;
}

.plano-box-telefonia div.btn-plano-telefonia{
    text-align: center;
    margin-top: 20px;
}

.plano-box-telefonia i{
    color: var(--corLaranja);
}

.plano-box-telefonia div.btn-plano-telefonia button{
    width: 150px;
    height: 40px;
    background-color: var(--corLaranja);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 18px;
}

/* FIM DO ESTILO DA PÁGINA TELEFONIA */

/* ESTILO DA PÁGINA DE CONTATO */

section.contato-form{
    width: 100%;
    padding: 90px 2%;
}

.ajuste-contato{
    width: 100%;
    display: flex;
}

.contato-form-content, .w50{
    width: 50%;
}

.contato-form-content form .input{
    width: 100%;
}

.tel-cell, .assunto-cidade{
    display: flex;
}

.input{
    padding: 8px;
    line-height: 20px;
    border: 0;
    outline: 0;
    margin-bottom: 20px;
}

.tel-cell input[name=telefone], .assunto-cidade input[name=assunto]{
    width: 96%;
}

.assunto-cidade select{
    padding: 8px;
    -webkit-padding: 8px;
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-border:0;
    -webkit-outline:0;

}

.assunto-cidade select option{
    font-size: 18px;
}

.contato-form-content textarea{
    width: 100%;
    height: 130px;
    resize: none;
    border: 0;
    outline: 0;
    padding: 8px;
    margin-bottom: 20px;
}

.btn-enviar{
    padding: 0;
    display: flex;
    align-items: center;
}

.btn-enviar .verifica, .btn-enviar .btn-enviar-box{
    width: 50%;
}

.btn-enviar .btn-enviar-box{
    text-align: right;
}

.btn-enviar input[type=submit]{
    width: 130px;
    height: 40px;
    background-color: var(--corLaranja);
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.contato-info{
    padding-left: 60px;
    color: #525252;
}

.contato-info h2:not(:first-child){
    margin: 20px 0;
}

.contato-info h2:first-child{
    margin-bottom: 20px;
}

.contato-info h2{
    font-size: 28px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.contato-info p{
    margin-bottom: 15px;
}

.contato-info a{
    color: #525252;
}

.contato-info i{
    font-size: 25px;
    color: #00ad00;
}


@media screen and (max-width: 1030px) {
    /* RESPONSIVO DA PÁGINA TV */
    section.bg-tv{
        background-position: 60% 100%;
    }
    
    section.bg-tv .title-tv-bg{
        width:100%;
        padding: 30px 2%;
        text-align: center;
    }

    section.bg-tv .title-tv-bg h1, section.bg-telefonia .title-telefonia-bg h1, section.bg-contato .title-contato-bg h1{
        font-size: 3.5em;
    }
    
    .canais-box-linha{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .canais-box-linha div{
        text-align: center;
    }

    .canais-box-linha div:not(:last-child){
        margin-right: 0;
    }

    /* RESPONSIVO DA PÁGINA TELEFONIA */

    section.bg-telefonia{
        background-position: 70% 100%;
    }

    section.bg-telefonia .title-telefonia-bg{
        width:100%;
        padding: 80px 2%;
        text-align: center;
    }
    
    .ajuste-telefone{
        flex-direction: column;
    }
    
    .ajuste-telefone > div{
        width: 100%;
        text-align: center;
    }
    
    .img-telefone img{
        margin: 60px 0;
    }
    
    .txt-telefone-fora{
        padding: 0 4%;
    }
    
    /* PLANO TELEFONIA */
    
    .plano-telefonia{
        width: 100%;
    }

    .plano-telefonia > .container > .title-empresa{
        width: 100%;
        font-size: 14px;
        padding: 0 2%;
    }
    
    /* CONTATO */

    section.bg-contato .title-contato-bg{
        width: 100%;
        text-align: center;
    }

    section.bg-contato .title-contato-bg h1{
        margin-top: 120px;
    }
    
    .ajuste-contato{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .contato-form-content{
        margin: 0 auto;
        width: 100%;
        max-width: 600px;
    }

    .btn-enviar{
        flex-direction: column;
    }

    .btn-enviar .verifica{
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .btn-enviar .verifica, .btn-enviar .btn-enviar-box{
        width: 100%;
    }
    
    .btn-enviar .btn-enviar-box{
        text-align: center;
    }
    
    .contato-info{
        padding-left: 0;
        margin-top: 60px;
        text-align: center;
    }

}