@charset "utf-8";
/* CSS Document */

/***********/

#titulo-form{
  color:#1a4385;	
}

#cor-texto{
  color:#1a4385;	
}

#texto-branco{
   color:#FFF;	
}

#cor-link{
   color:#337ab7;	
}

#cor-texto-titulo{
   color:#1a4385;	
}

#cor-texto-cta{
   color:#1a4385;	
}

#cor-texto-rodape{
	color: #333333;
}

.cor-texto-form{
	color: #333333;
}


/* NOVO CTA INICIO */

#cta-bh {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Defina a largura da seção como 100% */
}

.cta-content {
  display: flex;
  flex-direction: row; 
  text-align: left; 
  width: 100%; /* Defina a largura do conteúdo como 100% */
}

.text-content {
  width: 50%; /* Ajuste a largura do texto conforme necessário */
  margin-left: -13%;
  margin-top: 0%;
}

.text-content p {
  font-size: 1vw; /* Tamanho de fonte relativo à largura da viewport */
}

.text-content h2 {
  font-size: 4vw; /* Tamanho de fonte relativo à largura da viewport */
  margin-bottom: 10px;
}

.cta-content img {
  max-width: 100%;
  width: 47vw; /* Tamanho de imagem relativo à largura da viewport */
}

#botao-cta-ceo {
    background-color: #f68934 !important;
    width: 50%; /* Ajuste a largura do botão conforme necessário */
    font-size: 1vw; /* Tamanho de fonte relativo à largura da viewport */
}

#botao-cta-ceo:hover {
    background-color: #ffa864 !important;
    border-style: solid;
    border-color: #f68934;
    border-width: thin;
}

.fonte-titulo {
  font-weight: 900;
  font-size: 2.9vw; /* Tamanho de fonte relativo à largura da viewport */
}


#desktop-novo-cta{
	display:block;
}

#mobile-novo-cta{
	display:none;
}


@media (max-width: 500px) {

  #desktop-novo-cta{
	display:none;
}

#mobile-novo-cta{
	display:block;
}	
	
  #cta-bh {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center;
    width: 100%;
  }

  .cta-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto; /* Alterado para altura automática */
  }

  .text-content,
  .cta-content img {
    max-width: 100%;
    margin: 0;
    width: 340px;
  }

  .text-content {
    width: 80%; /* Ajuste a largura do texto conforme necessário */
    margin-top: 20px; /* Reduzido o valor do margin-top */
  }

  #botao-cta-ceo {
    background-color: #f68934 !important;
    width: 80%; /* Ajuste a largura do botão conforme necessário */
    margin-top: 20px; /* Adicionado margin-top para separação */
    font-size: 20px;
  }

  .fonte-titulo {
    font-weight: bold;
    font-size: 45px;
  }
}

/* NOVO CTA FIM */

.rotaAnos{
  color:#FFF;	
}

.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-lg {
    background-color: #cf6131 !important;
    border: none !important;
    margin-bottom: 10px;
}

.footer-planos-operadoras-2 {
    background-color: #F4F4F4;
    padding: 60px 0;
    margin-top: 40px !important;
}

@media screen and (max-width: 500px){
.titulo-mobile{
	margin-top: 25px;
}

.titulo-mob-cor{
font-size: 30px;
color: #fff !important;	
}

.texto-titulo-mob{
font-size: 16px;
color: #fff !important;	
}

.caixa-mobile{
  width: 340px !important;
}


.footer-planos-operadoras-2 {
    background-color: #F4F4F4;
    padding: 60px 0;
    margin-top: -70px !important;
}

}


/* 
---
*/

.flexDuvidas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
}

@media screen and (max-width:500px) {
.flexDuvidas {
    display: block;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
}
}

.esconderTexto{
    display: none;
    margin-top: 5px;
    font-size: 16px;
    padding: 10px 60px;
    color: #787878;
}

.aparecer{
    display: inline-block;
    padding-top: 15px;
    border: 1px solid #E8F0F8;
}
.listaDuvidas{
    display: flex;
    flex-direction: column;
    list-style: none;
    max-width: 670px;
    
}

.distancia {
    margin-bottom: 29px;
}

.listaDuvidas__perguntas{
   /* margin-bottom: 30px; */
    background-color: white;
    color: black;
    padding: 15px 10px 10px 10px;
    border: 1px solid #E8F0F8;
}

.listaDuvidas__perguntas p{
    display: inline-block;
    margin-left: 30px;
    font-size: 16px;
    margin-bottom: 5px;
    width: 92%;
}

.ajustePerguntas{ 
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.ajustePerguntas p {
    max-width: 484px;
}

#desktop{
 display:block;	
}

#mobile{
	display:none;
}

@media screen and (max-width:500px){
	
    .conteudo{
        margin-top: 0px;
    }

    .listaDuvidas{
        width: 100%;
        margin-top: 30px;
    }
	
#desktop{
 display:none;	
}

#mobile{
	display:block;
}
}


embed, img, picture, video {
    max-width: 100%;
}


/****/

.itemWhatsapp2 {
    background-color: #00bc5d;
    border-radius: 0px 10px 10px 0px;
}

@media screen and (max-width: 600px) {
    .itemWhatsapp2 {
        display: block !important;
        text-align: center;
        padding: 0px 0px !important;
        transition: all .3s ease;
        color: #fff !important;
        font-size: 20px;
        background-color: #00e676;
        left: 0;
        position: fixed;
        top: 50%;
        z-index: 5;
    }
	
	    .itemWhatsapp2 a svg {
        width: 20px;
        height: 20px;
    }
}

#posicaoimgdesktop {
    display: block;
}

#posicaoimgcel_S20 {
    display: none;
}

#posicaoimgcel_S8 {
    display: none;
}

#borda-arredonda {
    border-radius: 10px;
}

#mobileCell_Card {
    display: none;
}

#desktopCell_Content .main_content {
    order: 1;
}

#desktopCell_Content .main_img {
    order: 2;
}

.posicao-texto{
  margin-left: -15px;	
}

.posicao-texto2{
 margin-right: 30px;
}

#cor-caixa-individual {
    background-color: #f68934 !important;
    border: 1px solid #1a4385;
}

#cor-botao-individual {
    background-color: #1a4385 !important;
}


@media screen and (max-width:500px){
.posicaoMobile{
	margin-top: -2px;
}

.posicaoMobile-info{
margin-top: 620px;	
}

    .motivoscontent {
        flex-direction: column;
        align-items: center;
        margin-top: -70px;
    }
	
	    #posicaoimgdesktop {
        display: none;
    }
	
	#posicaoimgcel_S20 {
        display: block;
    }
	
	    #posicaoimgcel_S8 {
        display: none;
    }
	
	    .imagem-mobile {
        display: none;
    }
	
	    #mobileCell_Card {
        display: block;
    }
	
	#desktopCell_Content .main_content{
        order: 2;
    }

	#desktopCell_Content .main_img{
        order: 1;
    }
	
	.posicao-texto {
    margin-left: 2px;
}

.posicao-texto2 {
     margin-right: 10px;
    margin-left: 15px;
}


.posicao-mobile{
width: 385px;
    margin-left: 15px;
}
	
}

@media screen and (max-width: 390px) {
    #posicaoimgdesktop {
        display: none;
    }
	
	#posicaoimgcel_S20 {
        display: none;
    }
	
	    #posicaoimgcel_S8 {
        display: block;
    }
	
	.posicao-texto {
    margin-left: 2px;
}

.posicao-texto2 {
     margin-right: 10px;
    margin-left: 15px;
}

.posicao-mobile{
   width: 330px;
    margin-left: 15px;	
}


}