/** Bloco "SOBRE" */
#sobre { padding-top: 4rem; padding-bottom: 4rem; background: var(--bg-content); }
#sobre h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 3rem; }
#sobre p { font-size: 1.35rem; }
#sobre p strong { font-weight: 600; }
#sobre .image-sobre { position: relative; display: inline-block; }
#sobre .image-sobre img { border-radius: 4rem; position: relative; z-index: 2; }
#sobre .image-sobre::before { 
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #fcb53f;
    z-index: 1;
    border-radius: 4rem;
    left: -15px;
    top: -15px;
 }



/** Bloco "DIFERENCIA (PASSOS)" */
#diferencia { padding-top: 4rem; padding-bottom: 5rem; background: var(--color-primary); }
#diferencia * { color: var(--color-font-light); }
#diferencia h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
#diferencia article { background: var(--bg-content); border-radius: 2rem; padding: 2rem 1.25rem; text-align: center; border-top: 6px solid var(--color-secondary); min-height: 285px; }
#diferencia article h3, #diferencia article p { color: var(--color-font-dark); }
#diferencia article h3 { font-size: 1.2rem; font-weight: 700; margin: 15px 0; text-transform: uppercase; letter-spacing: 2px; min-height: 46px; }



/** Bloco "PASSOS" */
#passos { padding-top: 2rem; padding-bottom: 4rem; }
#passos h2 { font-size: 1.6rem; font-weight: 400; margin-bottom: 3.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 "PLANOS" */
#planos { padding-top: 5rem; padding-bottom: 4rem; }
#planos h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 3.5rem; }
#planos .card { border-radius: 1.5rem; text-align: center; border: 3px solid var(--bg-content); }
#planos .card .card-header { background: var(--color-primary); border-radius: 1.2rem 1.2rem 0 0; }
#planos .card .card-header h3 { margin: 1rem 0; text-transform: uppercase; font-size: 1.3rem; font-weight: 700; color: var(--color-font-light);  letter-spacing: 1px; }
#planos .card p { letter-spacing: 3px; }
#planos .planos-container div:nth-of-type(2) .card { border: 6px solid var(--color-primary); transform: scale(1.05); }
#planos .planos-container > .col-12:nth-of-type(2) .card-header { margin: -1px; }


#planos .card .price { display: flex; justify-content: center; align-items: flex-start; gap: 16px; margin-bottom: 1.5rem; }
#planos .card .price .price__currency { font-size: 1.2rem; line-height: 1.75; }
#planos .card .price .price__number span { font-size: 3.2rem; font-weight: 600; line-height: 1; }
#planos .card ul { text-align: left; width: 76%; margin: 0 auto 1.5rem; min-height: 160px; }
#planos .card ul li { font-size: 1.1rem; }
#planos .card a { display: block; }
#planos .card a.btn { max-width: 200px; margin: 0 auto 12px; }
#planos .card a:not(.btn) { font-size: 1.2rem; font-weight: 500; margin-bottom: 10px; }


/** Bloco "SERVICOS" */
#servicos { padding-top: 2rem; padding-bottom: 4rem; }
#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; position: relative; }
#servicos .image-order-1 img { width: 100%; border-radius: 3rem; position: relative; z-index: 2; }
#servicos .image-order-1::before { 
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #fcb53f;
    z-index: 1;
    border-radius: 4rem;
    right: -15px;
    top: -15px;
 }
/* Order Right */
#servicos .servicos-order-1 { padding-left: 5%; padding-right: 5%; }
#servicos .image-order-0 { padding-left: 0; padding-right: 0; position: relative; }
#servicos .image-order-0 img { width: 100%; border-radius: 3rem; position: relative; z-index: 2; }
#servicos .image-order-0::before { 
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #fcb53f;
    z-index: 1;
    border-radius: 4rem;
    left: -15px;
    top: -15px;
}

#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; margin-bottom: 5px; display: inline-flex; align-items: center; }
#servicos ul li svg { margin-right: 8px; font-size: 1.5rem; }
#servicos ul li svg path { 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 img { width: 100px; border-radius: 50%; margin-bottom: 1rem; border: 5px solid #FFF; }
#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; }


/** 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: 5rem; padding-bottom: 5rem; background: var(--color-primary); }
#iniciar-contabilidade h2 { font-size: 2rem; font-weight: 700; margin-bottom: .5rem; color: var(--color-font-light); }
#iniciar-contabilidade p { font-size: 1.25rem; color: var(--color-font-light); margin-bottom: 2rem; }
#iniciar-contabilidade .btn { padding: 16px 2rem !important; font-size: 1.3rem; }



/** Bloco "PERGUNTAS FREQUENTES" */
#perguntas { padding-top: 4rem; padding-bottom: 2rem; }
#perguntas h2 { font-size: 2.5rem; font-weight: 400; margin-bottom: 2.5rem; }
#perguntas .faq-content { background: var(--bg-content); padding: 4rem 5rem 4rem; border-radius: 4rem; }
#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.25rem; font-weight: 500; }
#perguntas .faq-content .accordion svg { font-size: 2rem; margin-left: 20px; }
#perguntas .faq-content .accordion svg path { color: var(--color-secondary); }
#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; }
/* blog */
#publicacao .artigos .content { padding-left: 5%; padding-right: 5%; }
#publicacao .artigos .img { padding-left: 0; padding-right: 0; position: relative; display: inline-block; }
#publicacao .artigos .img img { width: 100%; border-radius: 4rem; position: relative; z-index: 2; }
#publicacao .artigos .img::before { 
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #fcb53f;
    z-index: 1;
    border-radius: 4rem;
    right: -15px;
    top: -15px;
 }

#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 { z-index: 3; }
#publicacao .caption h3 { font-size: 2.8rem; font-weight: bold; margin-bottom: 2.5rem; color: var(--color-font-light); line-height: 1.1; text-shadow: 2px 2px #1e386c; }
#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: 2rem; line-height: 1.12; font-weight: 800; margin-bottom: 1.5rem; text-transform: uppercase; }
#social img { max-width: 50px; margin: 0 4px 1rem; }



/** Bloco "FOOTER" */
#footer { padding-top: 3rem; background: var(--color-primary); } 
#footer *:not(input) { color: var(--color-font-light); }
#footer h2 { font-weight: 800; margin-bottom: 1.5rem; font-size: 2.3rem; line-height: 1.1; }
#footer h3 { font-weight: 500; font-size: 1.3rem; }
#footer .btn { padding: 15px 2rem !important; font-size: 1.2rem !important; }
#footer ul { padding-left: 0; list-style: none; }
#footer ul li { margin-bottom: 6px; }
#footer ul li svg { margin-right: 8px; 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 svg { color: var(--color-secondary); font-size: 1.35rem; width: 30px; margin-right: 8px; }
#footer article h4 { font-size: 1.2rem; font-weight: 600; }
#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; flex-direction: column; }
#footer article .ligamos-container input { margin-bottom: 10px; }
#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; }