/*--------------------*\
  REDE
\*--------------------*/
.rede {
  position: relative;

  padding: 10px;
  border: 1px solid #95a4a5;

  font-size: 1.4rem; /* 14px */
}

.rede__cabecalho {
  margin: -10px;
  margin-bottom: 0;

  background-color: #142c54;
  color: #fff;

  text-align: center;
  line-height: 2.5;
  font-weight: normal;
  font-size: 2em;
}

.rede__rodape {
  text-align: center;
}


/*--------------------*\
  BOTAO
\*--------------------*/
.botao {
  display: inline-block;
  padding: 0.8em 1.2em;

  background-color: #ffffff00;
  color: #fff;
  border: none;

  line-height: normal;
  font-size: 1em;
  text-decoration: none;
}

.botao:hover, .botao:focus {
  background-color: #ffffff00;
  color: #fff;

  text-decoration: none;
}

.botao--assinar, .botao--login {
  background-color: #127d00;
}

.botao--assinar:hover, .botao--assinar:focus,
.botao--login:hover, .botao--login:focus {
  background-color: #0e6400;
}

.botao--principal {
  border-radius: 10px;

  background-color: #f3eded2f;
}

.botao--principal:hover, .botao--principal:focus {
  background-color: #003b6a;
}

.botao--enviar {
  border-radius: 10px;

  background-color: #003b6a;
}

.botao--enviar:hover, .botao--enviar:focus {
  background-color: #003b6a;
}


/*--------------------*\
  CHAMADA
\*--------------------*/
.chamada {  
  font-size: 16px;
  text-align: center ;     
  
}

.chamada__titulo {
  margin: 0;

  color: #fff;

  font-size: 3.000em; /* 54px / 16px = 3.375 */
  line-height: 0.9;
  text-shadow: 0.5px 0.5px #313131;  
}

.chamada__subtitulo {
  margin: 60px 0;

  color: #fff;

  font-size: 1em;
}

.chamada__acao {
  margin-top: 100px;
  font-size: 0.8em;
}

@media(min-width: 992px) {
  .chamada {
    padding-left: 10%;
    padding-right: 10%;

    font-size: 2.2rem; /* 2.2 * 10px = 22px */
  }
}


/*--------------------*\
  DEPOIMENTO
\*--------------------*/
.depoimento {
  font-size: 2.2rem; /* 22px */
  color: #cacacfd5;
}

@media(min-width: 992px) {
  .depoimento {
    padding-left: 15%;
    padding-right: 15%;

    font-size: 2.8rem;
    color: #cacacfd5;
  }
}

.depoimento > blockquote {
  position: relative;

  margin: 0;
  padding: 0 60px;

  text-align: center;
  font-size: 1em;
}

.depoimento > blockquote::before {
  position: absolute;
  left: 0;
  top: -0.35em;

  color: #faf4f4;

  font-size: 8em; /* 176px */

  content: "\201C";
}

.depoimento__autor {
  margin-top: 40px;

  text-align: center;
  font-size: 0.7272em;
}

.depoimento__autor > img {
  border-radius: 50%;
}

.depoimento__autor > p {
  margin-top: 10px;
}


/*--------------------*\
  NAVEGACAO
\*--------------------*/
.navegacao {
}

.navegacao--assinatura {
  text-align: center;
}

.navegacao__menu {
  
  text-align: right;  
}


/*--------------------*\
  BOTAO-CHAVEADOR
\*--------------------*/
.botao-chaveador {
  width: 24px;
  height: 24px;
  border: 0;

  background: none;
  background-image: url("../imagens/bars.png");

  outline: none;
}

@media(min-width: 992px) {
  .botao-chaveador {
    display: none;
  }
}


/*--------------------*\
  MENU
\*--------------------*/
.menu {
  margin: 0;

  font-size: 1.4rem;

  list-style: none;
}

@media(max-width: 991px) {

  .menu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;

    display: none;
    width: 200px;
    padding: 20px;
    

    background-color: #0c0c0cda;
    
  }

  .menu--exibindo {
    display: block;
  }

  .menu__item {
    display: block;

    line-height: 3;        
	
  	color: #f3f4f7;
    
  }

  .menu__item--botao {
    margin-top: 20px;
  }

}

@media(min-width: 992px) {

  .menu__item {
    display: inline-block;
    padding-right: 20px;
	  color: #e2e4e7;
  }

  .menu__item:last-of-type {
    padding-right: 0px;    
  }

}


/*--------------------*\
  TITULO-FORMULARIO
\*--------------------*/
.titulo-formulario {
  margin: 0;
  margin-bottom: 40px;
  
  border-bottom: 1px solid #ccc;

  font-size: 2.6rem;
  font-weight: normal;
  color: #004b86;
}


/*--------------------*\
  GRUPO-ENTRADA
\*--------------------*/
.grupo-entrada {
  margin-bottom: 15px;
}

.grupo-entrada > label {
  display: block;

  font-weight: bold;
}


/*--------------------*\
  CAMPO
\*--------------------*/
.campo {
  display: block;
  width: 100%;
  height: 2.8em;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;

  background-color: #fff;

  font-size: 1.4rem;
}