/** Bloco "SOBRE" */
#sobre { padding-top: 4rem; padding-bottom: 4rem; }
#sobre h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 3rem; }
#sobre p { font-size: 1.35rem; }
#sobre p strong { font-weight: 600; }



/** Bloco "DIFERENCIA (PASSOS)" */
#diferencia { padding-top: 2rem; padding-bottom: 4rem; }
#diferencia h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
#diferencia article { background: var(--color-primary); border-radius: 1.5rem; padding: 2.5rem 2rem; text-align: center; min-height: 275px; }
#diferencia article h3, #diferencia article p { color: var(--color-font-light); }
#diferencia article h3 { font-size: 1.3rem; font-weight: 600; margin: 15px 0; }



/** Bloco "PASSOS" */
#passos { padding-top: 2rem; padding-bottom: 4rem; }
#passos h2 { font-size: 1.6rem; font-weight: 400; margin-bottom: 2.5rem; }
#passos .passos-container { background: var(--bg-content); padding: 2.5rem 10% 4rem; border-radius: 15rem; }
#passos .passos-container p { margin-bottom: 0; margin-top: 8px; font-size: .85rem; }
#passos .button-abertura { position: relative; top: -1.75rem; }
#passos .button-abertura .btn { font-size: 1.25rem; }



/** Bloco "SERVICOS" */
#servicos { padding: 1rem 0 2rem 0; }
#servicos h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 3.5rem; }
/* Order Left */
#servicos .servicos-order-0 { padding-left: 5%; padding-right: 5%; }
#servicos .image-order-1 { padding-left: 0; padding-right: 0; }
#servicos .image-order-1 img { width: 100%; border-top-left-radius: 10rem; }
/* Order Right */
#servicos .servicos-order-1 { padding-left: 5%; padding-right: 5%; }
#servicos .image-order-0 { padding-left: 0; padding-right: 0; }
#servicos .image-order-0 img { width: 100%; border-bottom-right-radius: 10rem; }

#servicos h3 { font-weight: 700; margin: 12px 0 1.2rem 0; }
#servicos p { font-size: 1.2rem; font-weight: 500; }
#servicos ul { padding-left: 0; list-style: none; }
#servicos ul li { font-size: 1.2rem; font-weight: 600; }
#servicos ul li i { color: var(--color-secondary); }



/** Bloco "DEPOIMENTOS" */
#depoimentos { padding-top: 2rem; padding-bottom: 2rem; }
#depoimentos h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
#depoimentos article { background: var(--color-primary); border-radius: 1.5rem; padding: 2.5rem 2rem; text-align: center; min-height: 275px; }
#depoimentos article h3, #depoimentos article p { color: var(--color-font-light); }
#depoimentos article h3 { font-size: 1.3rem; font-weight: 600; margin: 15px 0; }

#depoimentos .carousel-control-prev,
#depoimentos .carousel-control-next { position: static; width: auto; padding: 10px; }
#depoimentos .navigation-arrows { display: flex; justify-content: center; margin-top: 20px; }
#depoimentos .carousel-control-prev i,
#depoimentos .carousel-control-next i { color: var(--color-secondary); padding: 0 12px; font-size: 2.25rem; }
#depoimentos .use-setas { 
    border: 1px solid var(--color-primary);
    border-radius: 3rem;
    display: inline-block;
    padding: 3px 12px;
    font-size: .9rem;
    font-style: italic;
    margin-top: 10px !important;
}



/** Bloco "PARCEIROS" */
#parceiros { padding-top: 1rem; padding-bottom: 4rem; }
#parceiros h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 1.5rem; }

#parceiros .carousel-control-prev,
#parceiros .carousel-control-next { position: static; width: auto; padding: 10px; }
#parceiros .navigation-arrows { display: flex; justify-content: center; margin-top: 20px; }
#parceiros .carousel-control-prev i,
#parceiros .carousel-control-next i { color: var(--color-secondary); padding: 0 12px; font-size: 2.25rem; }



/** Bloco "INICIAR CONTABILIDADE" */
#iniciar-contabilidade { padding-top: 2rem; padding-bottom: 4rem; }
#iniciar-contabilidade h2 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; }
#iniciar-contabilidade .btn { padding: 16px 2rem !important; font-size: 1.3rem; }



/** Bloco "PERGUNTAS FREQUENTES" */
#perguntas { padding-top: 1rem; padding-bottom: 1rem; }
#perguntas .faq-content { background: var(--bg-content); padding: 2.5rem 10% 4rem; border-radius: 5rem; }
#perguntas .faq-content h2 { font-size: 2.2rem; font-weight: 400; margin-bottom: 2.5rem; }
#perguntas .faq-content .accordion { background: transparent; border: 0; padding: .5rem 0; text-align: left; display: flex; align-items: center; justify-content: space-between; }
#perguntas .faq-content .accordion p { margin-bottom: 0; font-size: 1.1rem; font-weight: 500; }
#perguntas .faq-content .accordion i { font-size: 1.4rem; }

#perguntas button:focus { outline: 0px !important; }
#perguntas .faq-content .panel { display: none; margin-top: -.1rem; margin-bottom: 1rem; padding: 0 1.5rem 0 0; }
#perguntas .faq-content .panel p { margin-bottom: 0 !important; font-size: 1.1rem; font-weight: 600; color: var(--color-primary-hover); }



/** Bloco "PUBLICAÇÃO" */
#publicacao { padding: 4rem 0 2rem 0; }
#publicacao h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
/* noticias */
#publicacao .noticias .content { padding-left: 5%; padding-right: 5%; }
#publicacao .noticias .img { padding-left: 0; padding-right: 0; }
#publicacao .noticias .img img { width: 100%; border-top-right-radius: 10rem; }
/* artigos */
#publicacao .artigos .content { padding-left: 5%; padding-right: 5%; }
#publicacao .artigos .img { padding-left: 0; padding-right: 0; }
#publicacao .artigos .img img { width: 100%; border-bottom-left-radius: 10rem; }

#publicacao article a { text-decoration: none; }
#publicacao article { position: relative; padding-left: 30px; padding-top: 10px; margin-bottom: 1.3rem; }
#publicacao article::before { position: absolute; content: " "; width: 15px; height: 75px; background: var(--color-secondary); left: 0; border-radius: 1rem; }
#publicacao article h3 { font-weight: 700; font-size: 1.4rem; line-height: 1.15; margin-bottom: 0; }
#publicacao article p { font-size: 1rem; font-weight: 500; margin: 4px 0 0 0; }
#publicacao article:hover h3 { color: var(--color-secondary); }
#publicacao article:hover::before { background: var(--color-primary); }
#publicacao .caption h3 { font-size: 2.8rem; font-weight: bold; margin-bottom: 2.5rem; color: var(--color-font-light); line-height: 1.1; }
#publicacao .caption .btn { padding: 16px 2.2rem !important; }



/** Bloco "BLOG" */
#blog { padding: 3rem 0 2rem 0; }
#blog h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
#blog a { text-decoration: none; }
#blog article { background: var(--bg-content); padding: 1rem; border-radius: 1rem; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; }
#blog article img { margin-bottom: 1rem; border-radius: 1rem; }
#blog article h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.15; }
#blog article p { margin-bottom: 0; font-size: 1rem; font-weight: 500; }



/** Bloco "SOCIAL" */
#social { padding-top: 2rem; padding-bottom: 3rem; }
#social a { text-decoration: none; }
#social h2 { font-size: 2.1rem; font-weight: bold; margin-bottom: 1.5rem; }
#social img { max-width: 65px; margin: 0 8px 1rem; }



/** Bloco "FOOTER" */
#footer { padding-top: 2rem; background-image: url(../img/img-rodape.jpg); background-position: top; background-size: cover; } 
#footer *:not(input) { color: var(--color-font-light); }
#footer h2 { font-weight: bold; margin-bottom: 2.4rem; font-size: 2.7rem; }
#footer h3 { font-weight: 600; font-size: 1.6rem; margin-bottom: 2rem; }
#footer .btn { padding: 18px 2.2rem !important; font-size: 1.2rem !important; }
#footer ul { padding-left: 0; list-style: none; margin-top: 20px; }
#footer ul li { margin-bottom: 6px; }
#footer ul li i { margin-right: 6px; color: var(--color-secondary); font-size: 10px; }
#footer ul li a { text-decoration: none; font-size: .9rem; }
#footer ul li a:hover { color: var(--color-secondary); }
#footer article { border: 2px solid var(--color-secondary); border-radius: 1.25rem; padding: 1.25rem 1.5rem; margin-bottom: 1.2rem; }
#footer article p { display: flex; align-items: center; margin-bottom: 8px; }
#footer article p i { color: var(--color-secondary); font-size: 1.35rem; width: 30px; }
#footer article h4 { font-size: 1.2rem; }
#footer article .ligamos-container { padding-left: 0; padding-right: 0; }
#footer article .ligamos-container > .row > .col-12 { display: flex; justify-content: center; align-items: center; }
#footer article .ligamos-container .btn { padding: 6px 12px !important; font-size: 1.2rem !important; margin-left: 10px; border-radius: 6px; }
#footer .copyright { padding-top: 3rem; padding-bottom: 4rem; }
#footer .copyright img { max-height: 35px; margin: 0 15px; }




/* Copy */
#footer #copyright { background: var(--color-primary);  }
#footer #copyright .container { padding:1.2rem 0 1.5rem 0; }
#footer #copyright p { font-size: .9rem; letter-spacing: 1px; margin: 0; color: var(--color-font-light) !important; }
#footer #copyright .selos{ padding-left: 3rem; padding-right: 3rem; }
#footer #copyright .selos a { color: var(--color-font-light); }
#footer #copyright .selos .d-flex p { font-size: 0.6rem; text-transform: uppercase; margin: 0 0 9px 0; }
#footer #copyright .selos img { max-height: 35px; }

@media (max-width:991px) {
    #footer #footer-container { padding-top: 6rem; clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); }
    #footer #footer-container img { display: none; }
}
@media (max-width:768px) {
    #footer #footer-container { padding-top: 2rem; clip-path: none; }
    #footer #footer-container .contatos p { max-width: 100%; }
    #footer #copyright p { text-align: center; font-size: 0.8rem; }
}

@media (max-width:575px) {
    #footer-container .contatos-group-button article { margin-bottom: 1rem; }
}