:root {
    --color-element-page: #ececec;
}


#pag-interna { padding-top: 2rem; padding-bottom: 2rem; }
#pag-interna * { color: var(--dark); }
#pag-interna #pag-header { margin-bottom: 2.5rem; }
#pag-interna #pag-header h2 { font-weight: 700; text-transform: uppercase; font-size: 1.8rem; text-align: center; margin: 0; }
#pag-interna #pag-header h3 { font-weight: 500; font-size: 1.5rem; text-align: center; margin: 15px 0 0; }

#pag-interna h2:not(:first-child) { margin-top: 2rem; }
#pag-interna h2 { margin-bottom: 1rem; }
#pag-interna a:not(.btn) {  color: var(--dark); }
#pag-interna .btn-secondary { color: var(--light) !important; }

@media (max-width: 767px) {
    #pag-interna #pag-header h2 br { display: none; }
}
@media (max-width: 575px) {
    #pag-interna #pag-header h2 { font-size: 1.3rem; }
    #pag-interna #pag-header h3 { font-size: 1.2rem; }
    #pag-interna #pag-header h3 br { display: none; }
}



/* -------------------------------------------------------------------
 * COMPARTILHAMENTO SOCIAL
 * -----------------------------------------------------------------*/
 #pag-interna .share-social { 
    position: relative; 
    border: 1px solid #0000001a; 
    border-left: 0; 
    border-right: 0; 
    padding: 6px 0 1px 0; 
    margin-bottom: 1.5rem; 
 }
 #pag-interna .share-social span { margin-right: 5px; font-weight: 600; font-size: .85rem; }
 #pag-interna .share-social a {
    position: relative;
    transition: .3s;
    font-size: .8rem;
    padding: 5px;
    border-radius: 4px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    display: inline-block; 
    margin-bottom: 5px;
}
#pag-interna .share-social a i { color: var(--light) !important; }
#pag-interna .share-social a:hover { transition: .3s; top: -3px; }
#pag-interna .share-social a.btn-facebook { background: #4267b2; }
#pag-interna .share-social a.btn-messenger { background: #448aff; }
#pag-interna .share-social a.btn-whatsapp { background: #25d366; }
#pag-interna .share-social a.btn-twitter { background: #000000; }
#pag-interna .share-social a.btn-linkedin { background: #0077b5; }
#pag-interna .share-social a.btn-telegram { background: #0088cc; }
#pag-interna .share-social a.btn-gmail { background: #d44638; }


/* -------------------------------------------------------------------
 * ARTIGOS
 * -----------------------------------------------------------------*/
 #pag-interna #artigos #pag-header span { font-size: .9rem; font-weight: 500; }
 #pag-interna #artigos #pag-header span > i { font-size: 1rem; color: var(--color-primary); padding-right: 3px; }
 #pag-interna #artigos img { max-width: 100% !important; margin-bottom: 1rem; }
 #pag-interna #artigos .art-item .art-wrapper { display: flex; align-items: center; flex-wrap: wrap; }
 #pag-interna #artigos .art-item .art-wrapper .img-wrapper { border-right: 8px solid var(--color-primary); flex: 0 0 10rem; margin-bottom: 1rem; }
 #pag-interna #artigos .art-item img { border: 2px solid var(--color-primary); }
 #pag-interna #artigos .art-item .art-wrapper h3.card-title { width: 100%; font-size: 1.2rem; }

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

 @media (max-width: 575px) {
    #pag-interna #artigos .art-item .art-wrapper { align-items: start; flex-direction: column; }
    #pag-interna #artigos .art-item .art-wrapper .img-wrapper { border-right: 2px solid var(--color-primary); margin-bottom: 5px; }
 }

 
/* -------------------------------------------------------------------
 * NOTÍCIAS
 * -----------------------------------------------------------------*/
 #pag-interna #noticia img { max-width: 100% !important; margin-bottom: 1rem; }
 #pag-interna #noticia-list .art-item h3 { font-size: 1rem; margin-bottom: 1rem; }
 #pag-interna #noticia-list .art-item time { background: var(--color-primary); color: var(--light); font-size: .8rem; padding: 3px 1rem; border-radius: 3px; }
 #pag-interna #noticia-list nav { margin-top: 1.5rem; padding-left: 15px; }
 #pag-interna #noticia-list nav li .active { background: var(--color-primary); color: var(--light); cursor: pointer; }



 /* -------------------------------------------------------------------
 * ARTIGOS E NOTÍCIAS
 * -----------------------------------------------------------------*/
/* sidebar */
#pag-interna #artigos .sidebar, 
#pag-interna #noticia .sidebar { background: var(--color-element-page); padding: 2rem 1.1rem; border-radius: .5rem; }
#pag-interna #artigos .sidebar h2, 
#pag-interna #noticia .sidebar h2 { text-transform: uppercase; font-weight: bold; font-size: 1.25rem; text-align: center; margin-bottom: 2rem; }
#pag-interna #artigos .sidebar h3, 
#pag-interna #noticia .sidebar h3 { margin-bottom: 0; font-size: 1.1rem; }
#pag-interna #artigos .sidebar p, 
#pag-interna #noticia .sidebar p { color: var(--color-primary); font-weight: 600; }





/* -------------------------------------------------------------------
 * TRABALHE CONOSCO
 * -----------------------------------------------------------------*/
#pag-interna .trabalhe-conosco .anexo { padding: 2rem; background: var(--color-element-page); border-radius: 1rem; margin-bottom: 2rem; }
#pag-interna .trabalhe-conosco .anexo label { font-size: 1.3rem; }
#pag-interna .trabalhe-conosco .anexo input[type="file"] { padding: 1rem; height: 62px; }
#pag-interna .trabalhe-conosco .separador { position: relative; }
#pag-interna .trabalhe-conosco .separador hr { border: 0; border-bottom: 2px solid var(--color-element-page); }
#pag-interna .trabalhe-conosco .separador span { position: relative; top: -32px; font-size: 1.3rem; font-weight: 600; background: white; padding: 0 1rem; }

@media (max-width: 575px) {
    #pag-interna .trabalhe-conosco .anexo { padding: 2rem 1rem; }
    #pag-interna .trabalhe-conosco .separador span { top: -30px; font-size: 1rem; padding: 0 .5rem; }
 }


 /* -------------------------------------------------------------------
 * DOWNLOADS
 * -----------------------------------------------------------------*/
 #pag-interna .downloads ul { list-style: none; padding-left: 0; }
 #pag-interna .downloads ul li { transition: .3s; width: 50%; display: inline-block; }
 #pag-interna .downloads ul li a { 
    padding: 0.5rem 1rem;
    background: var(--color-element-page);
    border-radius: 0.5rem;
    font-size: 1.1rem;
    margin-bottom: 15px;
    width: 96%;
    display: flex;
    align-items: center;
  }
  #pag-interna .downloads ul li i { color: var(--color-primary); }
  #pag-interna .downloads ul li:hover { transition: .3s; transform: scale(1.02); }

  @media (max-width: 1199px) {
    #pag-interna .downloads ul li a { font-size: 1rem; width: 98%; }
  }
  @media (max-width: 991px) {
    #pag-interna .downloads ul li { width: 100%; }
  }


/* -------------------------------------------------------------------
 * SERVICOS
 * -----------------------------------------------------------------*/

 #pag-interna .servicos ul { margin-top: 1.5rem; list-style: none; padding-left: 0; }
 #pag-interna .servicos ul li { line-height: 21px !important; margin-bottom: 5px !important; display:flex; }
 #pag-interna .servicos ul li * {
    font-size: 16px !important;
    text-transform: uppercase;
    background-color: transparent;
    font-weight: 600 !important;
    vertical-align: baseline;
    white-space: pre-wrap;
    color: var(--dark) !important;
    margin-bottom: 2px;
    font-family: Calibri !important;
    line-height: 20px;
 }
 #pag-interna .servicos ul li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f124";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 22px;
    color: var(--color-primary);
    position: relative;
    left: 0;
    top: 0;
 }


  /* -------------------------------------------------------------------
 * PÁGINA LINKS ÚTEIS
 * -----------------------------------------------------------------*/
 #box-links-uteis p { margin-bottom: 6px; font-size: 1.1rem; }
 #box-links-uteis .links-button {
    padding: 0 !important;
    background: var(--color-element-page);
    border-radius: .4rem;
    font-size: 1rem;
    font-weight: 500;
    width: 96%;
    display: flex;
    align-items: center;  
 }
 #box-links-uteis .links-button i {
    transition: .3s;
    color: var(--light);
    background: var(--color-primary);
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    margin-right: 10px;
    padding: 0px 12px;
    border-radius: 2px;
 }
 #box-links-uteis .links-button:hover {
    transition: .3s;
    color: var(--light);
    background: var(--color-primary);
 }
 #box-links-uteis .links-button:hover span { color: var(--light); }


 .hover {
    color: #0000;
    background: 
      linear-gradient(90deg,#1095c1 50%,#000 0) 
      var(--_p,100%)/200% no-repeat;
    -webkit-background-clip: text;
            background-clip: text;
    transition: .4s;
  }
  .hover:hover {
    --_p: 0%;
  }


  /* -------------------------------------------------------------------
 * BOTÃO VOLTAR
 * -----------------------------------------------------------------*/
 #pag-interna .div-btn, #simulador .div-btn { margin-top: 1rem; text-align: center; }
 #pag-interna .button-dark, 
 #simulador .button-dark, 
 #pag-interna .button-light { border-radius: 70px; border: 1px solid var(--color-primary); padding: 6px 25px; min-width: 130px !important; }
 
 #pag-interna .button-dark, #simulador .button-dark { color: var(--color-font-light); background-color: var(--color-primary); }
 #pag-interna .button-dark:hover, #simulador .button-dark:hover { transition: .5s; background-color: var(--color-primary-hover); color: var(--light); }
 
 #pag-interna .button-light { color: var(--color-font-dark); background-color: var(--color-quaternary); }
 #pag-interna .button-light:hover { transition: .5s; background-color: var(--color-primary-hover);  border: 1px solid var(--color-primary-hover); color: var(--light); }
 

 /* -------------------------------------------------------------------
 * FORMS DOCUMENTOS E LIGAMOS
 * -----------------------------------------------------------------*/
#documentos_form,
#ligue_form {
    margin: 0 auto;
    padding: 3rem;
    border: #ccc 3px solid;
    border-radius: 20px;
}



/* -------------------------------------------------------------------
 * SIMULADOR
 * -----------------------------------------------------------------*/
 .simulador-padding { padding-bottom: 30px; }

 .simulador-card-esquerda, 
 .simulador-card-direita {
   display: flex;
   justify-content: center;
   min-height: 420px;
   padding: 15px;
   background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
   border-radius: 10px;
   margin-bottom: 10px;
   border: 0;
 }
 
 .simulador-card-direita a {
     transition: .3s;
     background: var(--light);
     color: var(--color-primary) !important;
     margin-top: 30px;
     font-weight: 500 !important;
     font-size: 20px;
     border-radius: 10px;
     padding: 10px 2rem;
 }
 .simulador-card-direita a:hover { transition: .3s; transform: scale(1.05); }
 
 .simulador label { font-weight: 400 !important; color: var(--light); }
 .simulador p { font-weight: 400 !important; color: var(--light); font-size: 1.5rem; text-align: center!important; }
 .simulador .dinheiro p { font-weight: 100 !important; font-size: 2rem; display: inline; }
 
 #simulador p { color: #fff; }
 #obs_simulador p, 
 #obs_simulador span, 
 #obs_simulador ul li { color: #000; text-align: left!important; padding-top: 15px; list-style-type: disc; }
 #preco_orcamento { font-size: 3rem; width: unset; font-weight: 400!important; }
 #simulador #btnSubmit { cursor: pointer; }


  /* -------------------------------------------------------------------
 * FERRAMENTAS CONTABEIS
 * -----------------------------------------------------------------*/
#pag-interna .ferramentas { color: var(--color-font-light); margin-top: 4rem; }

#pag-interna .ferramentas article {
  transition: .4s;
  padding: 1.6rem 1rem;
  border-radius: 5px;
  min-height: 280px;
  margin-bottom: 1.6rem;
  box-shadow: 0 0 18px rgb(0 0 0 / 30%);
  -webkit-box-shadow: 0 0 18px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 0 18px rgb(0 0 0 / 30%);
}
#pag-interna .ferramentas article:hover { transition: .4s; transform: scale(1.02); background-color: var(--color-primary) !important; }
#pag-interna .ferramentas article:hover * { color: var(--light); }
#pag-interna .ferramentas article span.original { display: block; min-height: 215px; }
#pag-interna .ferramentas article i { font-size: 3rem; color: var(--color-font-light); margin-bottom: 15px; }
#pag-interna .ferramentas article h3 { font-size: 1.4rem; font-weight: 600; }
#pag-interna .ferramentas article p { font-size: 1rem; }



/* -------------------------------------------------------------------
 * PÁGINA LINKS ÚTEIS
 * -----------------------------------------------------------------*/
#box-links-uteis p{
    margin-bottom: 0.5rem;
}

/* -------------------------------------------------------------------
 * FORMS DOCUMENTOS E LIGAMOS
 * -----------------------------------------------------------------*/
#documentos_form,
#ligue_form { margin: 0 auto; padding: 3rem; border: #ccc 2px solid; border-radius: 22px; }

@media (max-width:575px) {
    #documentos_form,
    #ligue_form { padding: 2rem 1rem; border-radius: 15px; }
}


/* -------------------------------------------------------------------
 * PAGINA GALERIA
 * -----------------------------------------------------------------*/
 #pag-interna #galeria { padding-top: 2rem; }
 #pag-interna #galeria h3 { font-size: 1.2rem; }

 #pag-interna #galeria .gallery {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     grid-template-rows: repeat(6, 3.5vw);
     grid-gap: 5px;
 }
 #pag-interna #galeria .gallery figure { margin: 0 !important; }
 
 #pag-interna #galeria .gallery .gallery__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 1s; }
 
 #pag-interna #galeria .gallery .gallery__item--1 { grid-column: span 2; grid-row: span 6; }
 #pag-interna #galeria .gallery .gallery__item--2 { grid-column: span 2; grid-row: span 3; }
 #pag-interna #galeria .gallery .gallery__item--3 { grid-column: span 2; grid-row: span 3; }
 #pag-interna #galeria .gallery .gallery__item--4 { grid-column: span 2; grid-row: span 3; }
 #pag-interna #galeria .gallery .gallery__item--5 { grid-column: span 2; grid-row: span 3; }
 
 #pag-interna #galeria .btn_style__secondary { padding: 4px 20px; border-radius: 20px; font-size: .9rem; }
 
 #pag-interna #galeria iframe{ width:100%; border: 0px; }
 
 @media (max-width: 550px) {
    #pag-interna #galeria .gallery .gallery__item--1,
    #pag-interna #galeria .gallery .gallery__item--2,
    #pag-interna #galeria .gallery .gallery__item--3,
    #pag-interna #galeria .gallery .gallery__item--4,
    #pag-interna #galeria .gallery .gallery__item--5 { grid-column: span 6; grid-row: span 6; }
 } 


 /* -------------------------------------------------------------------
 * DEPOIMENTOS
 * -----------------------------------------------------------------*/
 #pag-interna .depoimentos .quote { position: relative; z-index: 2; } 
 #pag-interna .depoimentos .quote i { color: var(--color-primary); font-size: 6rem; margin-left: .5rem; }
 #pag-interna .depoimentos .owl-carousel { position: relative; z-index: 1; margin-top: -3rem; }
 #pag-interna .depoimentos .text-box {
     display: flex;
     flex-direction: column;
     align-items: center;
     background: var(--color-element-page);
     padding: 3rem 2rem;
     border-radius: 1rem;
 } 
 #pag-interna .depoimentos .text-box img { max-height: 200px; width: auto; border-radius: 2rem; margin-bottom: 1rem; }
 #pag-interna .depoimentos .text-box h3 { font-size: 1.3rem; margin-top: 0; font-weight: bold; }
 #pag-interna .depoimentos .text-box p { font-size: 1.1rem; }
 #pag-interna .depoimentos #owl-depo > div.owl-nav > button { font-size: 3rem; margin: 0 1rem; color: var(--color-primary); }
 


/* -------------------------------------------------------------------
 * ALTERAÇÕES RESPONSIVO
 * -----------------------------------------------------------------*/
@media (max-width: 768px) {
    .page-link {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
    }
    
    #noticias img{
        max-width: 300px;
    }
    
}

@media (max-width: 992px) {
    #pag-interna #share #whatsapp, 
    #pag-interna #share #twitter,
    #pag-interna #share #facebook{
        width: 100%;
    }
}

@media (min-width: 768px) {
    #documentos_form,
    #ligue_form {
        width: 50%;
    }
    
    .simulador-card-direita {
        margin-top:0;
    }
}


/* -------------------------------------------------------------------
 * PAGINA DE CONTATO
 * -----------------------------------------------------------------*/

#pag-interna #contato .form { border: 1px solid var(--color-secondary); padding: 2rem 3rem; }
#pag-interna #contato h2, #pag-interna #contato h1 { font-weight: 600; margin-bottom: 2.5rem !important; font-size: 2.2rem; }
#pag-interna #contato p { margin-bottom: 2px; }
#pag-interna #contato i { font-size: 2rem; }

#pag-interna #contato .btn_whatsapp i { font-size: 1.2rem; margin-right: 8px; }


@media (max-width:575px) {
    #pag-interna #contato .form { margin-top: 2rem; padding: 2rem 1rem; }
}



/* -------------------------------------------------------------------
 * PAGINA - LINKS ÚTEIS
 * -----------------------------------------------------------------*/

 #pag-interna .page-link-uteis h2 { 
    font-size: 1.3rem; 
    font-weight: 700; 
    text-transform: uppercase;
    border-top: 2px solid var(--color-primary); 
    border-bottom: 2px solid var(--color-primary); 
    padding: .5rem; 
    margin: 2rem 0 .7rem; 
    color: var(--color-primary);
 }
 #pag-interna .page-link-uteis h3 { font-size: 1.2rem; font-weight: bold; }
 #pag-interna .page-link-uteis a:hover { color: var(--color-primary); }

 @media (max-width: 575px) {
    #pag-interna .page-link-uteis h2 { font-size: 1.1rem; }
 }


 /* -------------------------------------------------------------------
 * PAGINA - TABELAS PRÁTICAS
 * -----------------------------------------------------------------*/
 #pag-interna .page-tabelas-praticas .btn { border-radius: 6px; }
 #pag-interna .page-tabelas-praticas form > div.row > div { padding-left: 0; }
 #pag-interna .page-tabelas-praticas ul { padding-left: 10px; margin-top: 2rem !important; }
 #pag-interna .page-tabelas-praticas ul li { font-size: 14px; margin-bottom: 5px; }

 #pag-interna .page-tabelas-praticas .tabela { margin:30px; }
 #pag-interna .page-tabelas-praticas .tabela table { border-spacing:0px; border-collapse:collapse; width:100%; margin-bottom:10px; border:solid 1px #999; }
 #pag-interna .page-tabelas-praticas .tabela th { font-weight:bold; }
 #pag-interna .page-tabelas-praticas .tabela td { border:solid 1px #999; text-align:center; padding-left:3px; padding-right:3px; }


  /* -------------------------------------------------------------------
 * PAGINA - AGENDA TRIBUTARIA
 * -------------------------------------------------------------------*/
 #pag-interna .page-agenda-tributaria form .btn { border-radius: 6px; }

 #pag-interna .page-agenda-tributaria .calendario { border: solid 1px #ebe7e7; padding: .5rem; border-radius: 6px; }
 #pag-interna .page-agenda-tributaria .calendario .cal { font-size:12px; color:#333; }
 #pag-interna .page-agenda-tributaria .calendario .cal_titulo { background:#ebe7e7; height:32px; line-height: 32px; font-weight:bold; }
 #pag-interna .page-agenda-tributaria .calendario .cal_dia { height:35px; line-height: 30px; text-align:center; }
 #pag-interna .page-agenda-tributaria .calendario .cal_link { display:block; background:#ebe7e7; width:90%; text-decoration:none; cursor:pointer; margin:2px 5% 0 5%; padding:0; text-align:center; }
 #pag-interna .page-agenda-tributaria .calendario .cal_link:hover { background:#fbdea7; }
 #pag-interna .page-agenda-tributaria .calendario a.cal_col_1 div,
 #pag-interna .page-agenda-tributaria .calendario .cal_col_1 { color:#cc3300 !important; }

 #pag-interna .page-agenda-tributaria .agenda-listagem p { margin: 1.5rem 0 10px; }
 #pag-interna .page-agenda-tributaria .agenda-listagem .table tr td { font-size: .85rem; text-align: center; vertical-align: middle; padding: 4px; }
 #pag-interna .page-agenda-tributaria .agenda-listagem .table thead tr td { font-weight: bold; }
 #pag-interna .page-agenda-tributaria .agenda-listagem a { color: #067fbb !important; }

 @media (max-width: 575px) {
  #pag-interna .page-agenda-tributaria form .btn { padding: 6px 15px; margin-bottom: 5px; }
 }
 @media (max-width: 425px) {
  #pag-interna .page-agenda-tributaria .btn-agenda-group .btn { display: block; margin-bottom: .3rem; }
 }


  /* -------------------------------------------------------------------
 * PAGINA - MANUAL EMPRESARIAL
 * -------------------------------------------------------------------*/

 #pag-interna .page-manual .pdf_control { display: flex; align-items: center; justify-content: space-around; margin-bottom: 6px; }
 #pag-interna .page-manual .pdf_control .btn i { color: var(--light); }
 #pag-interna .page-manual .pdf_content { background: var(--color-element-page); text-align: center; border-top: 1px solid #ebebeb; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }

 @media (max-width: 575px) {
  #pag-interna .page-manual .pdf_control { justify-content: space-between; }
 }