body{
    background-color: #030350;
    /* background-image: url('../img/bg15.png'); */
    background-image: url('../img/fundosite.png');
    background-position: center top;
   
    /* background-repeat: no-repeat; */
    z-index: 10;
    /* background-size: auto; */
    
}

.contato{
    color: white;
    margin-bottom: 120px;
}

.contato li{
    list-style: none;
}

.contato li:last-child{
    margin-top: 20px;
}

.contato li:last-child svg{
    height: 32px;
    width: 32px;
}

.contato svg {
    fill: rgb(190, 199, 206);   
}

.contato svg:hover{
    fill: white;   
}

#btn-menu-mobile{
    display: none ;
    position: fixed;
    right: 10px;
    top: 10px;
    border: none;
    background-color: transparent;
    color: azure;
    z-index: 99;

}

.container-menu{
    display: flex;
    justify-content: center;
}

.menu{
    display: flex;
    justify-content: center;
    position: fixed;
    
    z-index: 40;
    top: 60px;
}

.menu > ul{
    padding: 0;
    display: flex;   
    flex-wrap: wrap;   
   
   
}

.redes-sociais > a{
    padding: 8px 8px;
}



.menu > ul > li{
    color: azure;
    list-style: none;
    list-style-position: 0;
    padding: 0px 5px;
    cursor: pointer;
    flex-grow: 0;
    align-self: baseline;
    margin-bottom: 10px;
    /* text-shadow: 0 0 15px white; */
    /* font-size: 1.4rem; */
    /* box-shadow: 0 0 15px white; */
}

.menu > ul > li > a{
    color: azure;
    list-style: none;
    text-decoration-line: none;
    
}

#btn-central-assinante a{
    display: block;
}

#btn-central-assinante{
    order: 10;
    min-width: 200px;
}

.menu > ul > li:hover{
  border-bottom: 3px solid rgb(76, 223, 76);
}

.redes-sociais{
    display: none;
}


.cobertura img{
    width: 100%;
    border-radius: 5px;
}

.cobertura iframe{
    width: 100%;
    border-radius: 5px;
    border: none;
}


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

    #btn-menu-mobile{
        display: block !important;
    }

    .menu{
        position: fixed;
        top: 50px;
        /* right: 0; */
        right: -200px;
        transition:1s;
        z-index: 40;
        /* display: none; */
    
    }
   
    .menu > ul{
        flex-direction: column;
        max-width: fit-content;
        background-color: rgb(25,25,25);
    }

    .menu > ul > li{
        color: rgb(193, 207, 207);
        text-align: left;
    }

    .menu > ul > li > a{
        color: rgb(193, 207, 207);
    }

    #btn-central-assinante{
        order: 0;
        margin-top: 5px;
    }

    .menu > ul > li:hover{
        color: white;
        border:none;
    }

    .menu > ul > li > a:hover{
        color: white;
       border:none;
    }

    .redes-sociais{
        display: block;
    }
}


.exibe{
    display: block;
    transition:1s;
    right: 0;
   
    /* transition-duration: 1s; */
}


/* ------ Fim Menu Mobile-------- */
#chamada-plano{
    color: antiquewhite;
    /* height: 100vh; */
}

#chamada-plano h2{
    /* margin-top: 300px; */
}


.plano{
    position: relative; 
    background-color: rgba(42, 81, 165, 0.384);
    color: antiquewhite;
    border-radius: 10px;
    transition:all 1s;
    /* max-width: 200px; */

}

.plano h2{
    font-size: 3rem;
}

.plano:hover{
    background-color: rgb(42, 81, 165);
    transform: scale(1.2,1.2);
    transition:all 1s;
    z-index: 4;
       
}

/* .destaque:hover{
    transform: scale(1.5,1.5);
} */



.destaque{
    /* outline: 4px solid orange; */
    border-bottom: 4px solid orange;
    /* border-right: 4px solid orange; */
    /* border-top: 4px solid orange; */
    /* transform: scale(1.2,1.2); */
}

/* .carousel-item{
    height: 500px;
    top: -100px;
} */

.cobertura{
    min-height: 800px;
}

.realce-preco{
    color: rgb(36, 228, 36);
    /* color: rgb(0, 225, 225); */
    /* color: rgb(255, 41, 13); */
    font-size: 2rem;
}

.realce-preco + p{
    color: rgb(167, 228, 167);
    position: relative;
    top: -25px;
}

hr{
    background-color: rgb(36, 228, 36);
}

.detalhes-tecnicos-plano > p{
 /* line-height: 0.8rem; */
 font-size: .8rem;
 margin-bottom: 0.2rem;

}

#contato-whats{
    position: fixed;
    bottom: 10px;
    right: 10px;
    /* z-index: 100; */
}

#contato-whats a:link,
#contato-whats a:active,
#contato-whats a:hover{
    text-decoration: none;
    text-decoration-color: #00C94E;   
}

#contato-whats img{
    height: 96px;
}

#contato-whats::before{
    content: 'Fale Conosco';
    background-color: #00C94E;
    color: white;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    text-decoration-color: #00C94E;
    
}

footer{
    text-align: center;
	margin-right: 5%;
	font-weight: bold;
}


@media screen and (max-width: 740px) {
	footer{
		font-size: .8rem;
	}
}