/*
------------ estilos específicos para o site desktop, além do geral.
*/
/* GERAL */
/* GERAL */
/* GERAL */
body { background-color: white !important; }
h1 { font-size: 28px; font-weight: bold; color: #0c261d; text-align: center; }
.botaoRoxoEscuro { background-color: #ff6729; color: white; border-radius: 50px; padding: 12px 30px; font-size: 16px; font-weight: bold; text-decoration: none; }
.botaoRoxoClaro { background-color: #095e41 !important; color: white; border-radius: 50px; padding: 12px 30px; font-size: 16px; font-weight: bold; text-decoration: none; }
.botaoRoxoAmarelo { background-color: #ECDE0E !important; color: #ff6729; border-radius: 50px; padding: 12px 30px; font-size: 16px; font-weight: bold; text-decoration: none; }
.botaoRoxoEscuro:hover { color: #eee1b9; }
.botaoRoxoClaro:hover { color: #b9e8b8; }
.botaoRoxoAmarelo:hover { color: #b33907; }


/* CABEÇALHO */
/* CABEÇALHO */
/* CABEÇALHO */
nav { height: 200px; }
.navbar { background-color: white !important; }
.navbar-brand img { height: 85px; padding: 0 20px; }
.nav-item-1 { padding-left: 50px; }
.nav-link { display: inline-block; color: #ff6729; padding-left: 20px !important; padding-right: 20px !important; font-size: 16px; font-weight: bold; text-decoration: none; }
.nav-link:hover { color: #8e3cca; }


/* BANNERS */
/* BANNERS */
/* BANNERS */
#carouselBanners { height: 500px; }
.bannerLinha1 { width: 100%; text-align: center; margin-top: 150px; color: white; font-size: 28px; font-weight: normal; }
.bannerLinha2 { width: 100%; text-align: center; color: white; font-size: 32px; font-weight: bold; }
.bannerLinha3 { width: 100%; text-align: center; color: white; font-size: 16px; font-weight: normal; }
.bannerBotao { width: 100%; text-align: center; margin-top: 50px; }


/* CHAMADAS COM ÍCONES */
/* CHAMADAS COM ÍCONES */
/* CHAMADAS COM ÍCONES */
#comoFunciona { padding: 60px 0; }
#comoFunciona .subtitulo { text-align: center; font-size: 16px; }
#comoFunciona .cadaIcone { padding: 30px 0; }
#comoFunciona .cadaIcone img { width: 120px; height: 120px; }
#comoFunciona .cadaIcone .titulo { margin-top: 15px; color: #ff6729; font-size: 16px; font-weight: bold; text-align: center; }
#comoFunciona .cadaIcone .texto { margin-top: 5px; font-size: 13px; font-weight: normal; text-align: center; }
#comoFuncionaBotao { margin: 30px auto; text-align: center; }


/* CHAMADA 1 */
/* CHAMADA 1 */
/* CHAMADA 1 */
#chamada1 { height: 400px; padding-top: 50px; background-color: #0c261d; }
#chamada1 img { max-height: 300px; }
#chamada1 .titulo { margin-top: 15px; color: #FFF; font-size: 20px; font-weight: normal; text-align: center; line-height: 45px; }
#chamada1 .texto { margin-top: 5px;  color: #FFF; font-size: 13px; font-weight: normal; text-align: center; }
#chamada1Botao { margin: 30px auto; text-align: center; }


/* CHAMADA 2 */
/* CHAMADA 2 */
/* CHAMADA 2 */
#chamada2 { height: 400px; padding-top: 50px; }
#chamada2 img { max-height: 300px; }
#chamada2 .titulo { margin-top: 15px; color: #ff6729; font-size: 20px; font-weight: normal; text-align: center; line-height: 45px; }
#chamada2 .texto { margin-top: 5px;  color: #095e41; font-size: 13px; font-weight: normal; text-align: center; }
#chamada2Botao { margin: 30px auto; text-align: center; }


/* FAQ */
/* FAQ */
/* FAQ */
#faq { padding: 0 0 80px 0; }
#faq h1 { margin-bottom: 50px; }
#faq .titulo { background-color: #F5B573; padding: 10px 15px; font-size: 16px; font-weight: bold; border-radius: 5px; }
#faq .accordion-header button { color: #ff6729; font-size: 14px; font-weight: bold; }
#faq .accordion-header button:focus { background-color: #F4E5FF; border: 0 solid white; }
#faq .accordion-header button:not(.collapsed) { background-color: #F4E5FF; border: 0 solid white; }
#faq .accordion-collapse { font-size: 12px; padding: 0 0 0 25px; background-color: #FAF4FF; }


/* RODAPÉ */
/* RODAPÉ */
/* RODAPÉ */
footer { padding: 50px 0; background-color: #0c261d; }
footer .logo { text-align: center; max-width: 200px; }
footer .titulo { font-size: 16px; color: #ECDE0E; font-weight: bold; margin-bottom: 10px; }
footer .texto { font-size: 16px; color: white; }
footer .redesSociais { margin-top: 20px; }
footer .redesSociais .cadaRede { float: left; margin-right: 20px; }
footer .redesSociais .cadaRede a { display: inline-block; background-color: white; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; }
footer .redesSociais .cadaRede a:hover { background-color: #ECDE0E; color: black; }
#rodapeTexto { background-color: #DDD8D8; padding: 10px 0; }
#rodapeTexto .container { font-size: 12px; text-align: center; }