/* -------------------------------------------------------------------
 * QUEM SOMOS
 * -----------------------------------------------------------------*/
 #sobre { padding: 4rem 0; }
 #sobre h2 { font-weight: 500; font-size: 2.3rem; }
 #sobre p { font-size: 1.4rem; font-weight: 300; margin: 0 0 2rem 0; padding: 0; }
 #sobre p span { text-transform: uppercase; font-weight: bold; }



 /* -------------------------------------------------------------------
 * SERVIÇOS
 * -----------------------------------------------------------------*/
 #servicos{ 
    padding: 10rem 0 13rem 0; 
    background-color: #ced1d6;
    color: var(--color-font-dark) !important; 
    background-image: url(../img/bg-servicos.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(50% 0%, 0% 15%, 0% 85%, 50% 100%, 100% 85%, 100% 15%);
}
#servicos h2 { font-weight: 500; font-size: 2.3rem; margin-bottom: 2rem; }
#servicos p { font-weight: 500; font-size: 1.4rem; width: 90%; margin: 0 5% 1.5rem 5%; }
#servicos p span { font-weight: 600; color: var(--color-primary); }
#servicos h3 { font-weight: 500; font-size: 1.6rem; }

#servicos article { 
    min-height: 150px;
    margin-bottom: 1rem;
    background: var(--color-secondary);
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
#servicos article img { max-width: 50px; margin-right: 1rem; }
#servicos article img.icon_service_white { display: none; }
#servicos article p { font-size: 1rem; margin-bottom: 0; }

#servicos .service_link { color: var(--color-font-dark); }
#servicos .service_link:hover article { transition: .2s; background-color: var(--color-primary); color: var(--color-font-light); }
#servicos .service_link:hover img.icon_service_red { display: none; }
#servicos .service_link:hover img.icon_service_white { display: block; }


@media (max-width:899px) {
    #servicos{ clip-path: polygon(50% 0%, 0% 10%, 0% 90%, 50% 100%, 100% 90%, 100% 10%); }
}

@media (max-width:767px) {
    #servicos{ clip-path: none; padding: 3rem 0;  }
    #servicos article { min-height: 210px; }
}



/* -------------------------------------------------------------------
 * FORNECEDOR
 * -----------------------------------------------------------------*/
#fornecedor { padding: 4rem 0; }
#fornecedor h2 { font-weight: 500; font-size: 2.3rem; }
#fornecedor a { color: var(--color-font-dark); }

#fornecedor article {
    border: 2px solid var(--color-primary);
    padding: 1.5rem;
    border-radius: 2rem;
    text-align: center;
    margin-bottom: 1rem;
}
#fornecedor article img.icon_fornec_white { display: none; }
#fornecedor article img { max-height: 60px; margin-bottom: 1rem; }
#fornecedor article p { margin-bottom: 0; font-size: 1.4rem; font-weight: 500; line-height: 25px; }

#fornecedor article:hover { transition: .2s; background-color: var(--color-primary); color: var(--color-font-light); }
#fornecedor article:hover img.icon_fornec_black { display: none; }
#fornecedor article:hover img.icon_fornec_white { display: inline-block; }

@media(max-width:599px) {
    #fornecedor h4 br { display: none; }
}



/* -------------------------------------------------------------------
 * PERGUNTAS FREQUENTES 
 * -----------------------------------------------------------------*/
#faq { padding: 2rem 0 6rem; }
#faq h2 { font-weight: 600; font-size: 2rem; text-transform: uppercase; margin-bottom: 2rem; }

#faq .depoimentos article {
    border: 2px solid var(--color-primary);
    padding: 2rem;
    width: 85%;
    border-radius: 1.2rem;
    margin-bottom: 1rem;
}
#faq .depoimentos article p { font-size: 1.2rem; margin-bottom: .4rem; }
#faq .depoimentos article small { color: var(--color-primary);; font-size: 1.3rem; font-weight: 500; }

#faq .pergunta .accordion {
    background: var(--color-secondary);
    color: var(--color-font-dark);
    border: 0;
    padding: 0.4rem 0rem;
    border-radius: 5px;
    font-weight: 500;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}
#faq .pergunta .accordion i { font-size: 30px; color: var(--color-primary); margin-right: 10px; }
#faq .pergunta button:focus { outline: 0px !important; }
#faq .pergunta .panel { font-size: 1rem; display: none; font-weight: 600; margin: -0.9rem 0 0.8rem; padding: 0 2rem; }
#faq .pergunta .panel p { margin-bottom: 0 !important; color: var(--color-primary); font-size: 1.3rem; }


@media(max-width:599px) {
    #faq h2 br { display: none; }
    #faq .depoimentos article { width: 100%; }
}



/* -------------------------------------------------------------------
 * NOTICIAS - ARTIGOS - BLOG
 * -----------------------------------------------------------------*/
 #noticias {
    padding: 8rem 0; 
    background: var(--color-primary);
    color: var(--color-font-light) !important; 
    clip-path: polygon(50% 0%, 0% 15%, 0% 85%, 50% 100%, 100% 85%, 100% 15%);
 }
 #noticias h2 { font-weight: 500; font-size: 2.3rem; }
 
#noticias .artigos article {
    background-color: var(--color-secondary);
    color: var(--color-font-dark);
    padding: 3rem 1.3em;
    margin: 0 0.3rem;
    min-height: 300px;
    border-radius: 1.5rem;
}
#noticias .artigos article span { background-color: var(--color-primary); }
#noticias .artigos article p { font-weight: 600; font-size: .8rem; margin: 1rem 0 0 0; }
#noticias .artigos h2 { 
    font-size: 1.6rem;
    margin: 2px 0 0 0;
}


#noticias .blog article span { background-color: #ffbd59; }
#noticias .blog h2 { 
    color: var(--color-font-light);
    font-size: 1.6rem;
    margin: 3px 0 0 0;
}


#noticias .artigos article span,
#noticias .blog article span {
    color: var(--color-font-light);
    text-align: center;
    font-size: .8rem;
    line-height: 1rem;
    border-radius: 7px;
    padding: 7px 12px;
    display: inline-block;
    margin-bottom: 15px;
}


#noticias article .image-cover { position: relative; padding: 0 !important; height: 160px; }
#noticias article .image-cover img { 
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: 1s;
}

@media (max-width:899px) {
    #noticias{ clip-path: polygon(50% 0%, 0% 10%, 0% 90%, 50% 100%, 100% 90%, 100% 10%); }
}

@media (max-width:767px) {
    #noticias{ clip-path: none; padding: 3rem 0;  }
}


 /* -------------------------------------------------------------------
 * NEWSLETTER
 * -----------------------------------------------------------------*/
#newsletter { padding: 3rem 0; }
#newsletter h2 { font-size: 2rem; }
#newsletter .newsletter-input {     
    border: 2px solid var(--color-tertiary);
    padding: 10px 20px;
    border-radius: 10rem;
    min-width: 80%;
    display: flex;
    justify-content: center;
    align-items: center; 
}
#newsletter .newsletter-input input { padding: 22px 11px; font-size: 1.3rem; }
#newsletter .newsletter-input input, 
#newsletter .newsletter-input input:focus, 
#newsletter .newsletter-input input:active,
#newsletter .newsletter-input input:focus-visible,
#newsletter .newsletter-input input:focus-within,
#newsletter .newsletter-input input[type=text]:focus { border: 0; outline:none !important; }

#newsletter .newsletter-input .btn_theme__primary {     
    padding: 8px 25px;
    border-radius: 12px;
    font-size: 1.3rem; 
}

@media (max-width:991px) {
    #newsletter h2 br { display: none; }
}
@media (max-width:599px) {
    #newsletter h2 { font-size: 1.6rem; }
}




 /* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
 #footer { 
     padding: 2rem 0 4rem; 
     color: var(--color-font-light) !important;
     background-image: url(../img/bg-footer.jpg);
     background-attachment: fixed;
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover; 
}
 #footer h2 { font-weight: 500; font-size: 2.3rem; }
 #footer h3 { font-size: 1.2rem; }

 #footer .contatos p {
    background-color: var(--color-primary);
    color: var(--color-font-light);
    max-width: 80%;
    padding: 8px 15px;
    text-align: center;
    border-radius: 10rem;
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
 }
 #footer .contatos a { color: var(--color-font-light); }


 #footer .localizacao p { font-size: 1.2rem; }
 #footer .localizacao i { color: var(--color-primary); font-size: 2.5rem; margin-right: 12px; }


 #footer form { 
     background-color: var(--color-secondary); 
     color: var(--color-font-dark); 
     padding: 2rem; 
     border-radius: 2rem; 
 }
 #footer form .form-group { margin-bottom: .1rem; }
 #footer form .form-control {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 12px;
    padding: 25px;    
 }

 #footer .social a i { 
    color: var(--color-primary); 
    font-size: 4rem; 
    width: 70px; 
    display: inline-flex; 
    justify-content: center; 
 }
 #footer .social a:hover i { color: var(--color-font-primary); transition: .3s; }

 
 #copyright { background-color: var(--color-primary); color: var(--color-font-light) !important; padding: 2rem 0; }
 #copyright p { font-size: 1rem; margin-bottom: 1rem; }
 #copyright .selo p { font-size: .8rem; margin-bottom: 0.5rem; }
 #copyright .selo img { max-height: 50px; }



 @media(max-width:1024px) {
    #footer .contatos p {
        max-width: 90%;
    }
 }
 @media(max-width:499px) {
    #footer h2 { font-size: 2rem; }
    #footer h2 br { display: none; }
    #footer .contatos p {
        max-width: 100%;
    }
 }