/* --------------------------------------------------
Style
-------------------------------------------------- */

:root {
   --verde: #13939D;
   --salmao: #F1AAB3;
   --preto: #231F20;
   --cinza-escuro: #555555;
   --cinza-medio: #9B9DA0;
   --cinza-claro: #EBEBEB;
   --barlow: 'Barlow', sans-serif;
}

main {
   background: url(../images/pattern.svg) repeat #13939d0f;
   font-family: var(--barlow);
}

.container-fluid {
   width: 1132px;
}

h1 {
   font-size: 3.5rem;
}

h2 {
   font-size: 3rem;
}

h3 {
   font-size: 2.5rem;
}

h4 {
   font-size: 2rem;
}

h5 {
   font-size: 1.5rem;
}

h6 {
   font-size: 1rem;
}

h7 {
   font-size: 0.875rem;
}

small {
   font-size: 0.75rem;
}

.smallText {
   font-size: 0.75rem;
}

p,
a {
   font-size: 1.125rem;
}


a {
   color: var(--cinza-escuro);
}

a:hover {
   color: var(--verde);
}

#banner {
   border-bottom: 5px solid var(--salmao);
}

#banner .carrossel {
   margin-bottom: 0;
}

#banner .slider,
#banner .banner-single {
   height: 80vh;
   max-height: 800px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

#banner .slick-dots li button {
   background-color: transparent;
   border: 2px solid white;
}

#banner .slick-dots .slick-active button {
   background-color: rgb(255, 255, 255);
}

#marcelo {
   color: var(--cinza-escuro);
   line-height: 35px;
}

.page-template-page-marcelo #marcelo {
   padding-top: 100px;
   padding-bottom: 0;
}

#marcelo  img {
   width: fit-content;
   max-width: fit-content;
}

#marcelo .marcelo__imagem {
   width: 455px;
   height: 417px;
   margin-right: 25px;
}

#principais-projetos,
#novidades {
   color: var(--cinza-escuro);
   line-height: 30px;
   padding-top: 88px;
}

#principais-projetos {
   padding-top: 0;
}

.home #principais-projetos .flex div:last-of-type {
   width: -webkit-fill-available;
   text-align: end;
}

.projetos__listagem {
   columns: 3;
   column-gap: 20px;
}

.projetos__listagem .projeto {
   width: 235px;
   break-inside: avoid;
}

.projetos__listagem .projeto p {
   margin: 0;
}

.projetos__listagem .projeto .titulo_projeto {
   margin-top: 18px;
   text-transform: uppercase;
}

.projetos__listagem .projeto .categoria_projeto {
   margin-bottom: 40px;
}

.projetos__listagem .projeto div {
   border-bottom: 5px solid transparent;
   width: 364px;
   height: 256px;
   background-position: center;
   background-repeat: no-repeat;
}

.home .projetos__listagem .projeto:nth-child(4) div,
.home .projetos__listagem .projeto:nth-child(5) div {
   height: 518px;
   background-position: center;
   background-size: cover;
}

.projetos .projetos__listagem .projeto:nth-child(5) div,
.projetos .projetos__listagem .projeto:nth-child(6) div,
.projetos .projetos__listagem .projeto:nth-child(7) div {
   height: 518px;
   background-position: center;
   background-size: cover;
}

.projetos__listagem .projeto a:hover div {
   border-bottom: 5px solid var(--salmao);
}

#escritorio {
   position: relative;
   display: flex;
   color: var(--cinza-escuro);
}

#escritorio .container-fluid {
   margin: 0;
   padding-left: 20px;
}

#escritorio .imagem-escritorio {
   min-width: 75%;
   height: 800px;
   float: left;
   background-position: center;
}

#escritorio .texto-escritorio {
   margin-top: 51px;
}

#escritorio h5 {
   margin-bottom: 57px;
}

#escritorio p {
   line-height: 30px;
   margin-bottom: 30px;
}

#depoimentos {
   padding-top: 171px;
   color: var(--cinza-escuro);
}

#depoimentos .row {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.page-template-page-marcelo #depoimentos {
   margin-top: 100px;
   padding-bottom: 81px;
}

.page-template-page-marcelo #depoimentos .row {
   margin-bottom: 64px;
}

#depoimentos h4 {
   line-height: 42px;
   margin: 15px 0;
}

.page-template-page-marcelo #depoimentos h4 {
   margin: 0;
}

#depoimentos p {
   margin: 0;
}

#depoimentos p:last-child {
   margin-top: 10px;
}

#depoimentos .slick-dots li button {
   background-color: white;
   border: 1px solid var(--cinza-escuro);
   height: 14px;
   width: 14px;
}

#depoimentos .slick-dots {
   display: flex;
   justify-content: end;
}

#depoimentos .slick-dots .slick-active button {
   background-color: var(--cinza-escuro);
}

#depoimentos .slick-dots li {
   width: 9px;
   height: 13px;
}

#novidades > .container-fluid > p {
   margin: 5px 0 50px 0;
}

#novidades .novidade__texto {
   margin-top: 15px;
   margin-bottom: 64px;
}

#novidades .novidade__texto p {
   margin: 0;
}

.home #novidades .flex {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
}

#novidades .flex a,
.single #conteudo .col-lg-4 .flex a,
.single #conteudo .col-lg-8 .flex a {
   margin-right: 10px;
   text-decoration: underline;
   margin-top: 10px;
}

.home #novidades .flex a {
   text-decoration: none;
}

#novidades .novidades__listagem {
   display: grid;
   grid-template-columns: 364px 364px 364px;
   column-gap: 20px;
}

.home #novidades .novidade img {
   margin-bottom: 21px;
}

#instagram {
   padding-top: 115px;
   padding-bottom: 123px;
   color: var(--cinza-escuro);
}

#instagram p  {
   margin-bottom: 20px;
}

#experiencia {
   padding-top: 86px;
   color: var(--cinza-escuro);
}

#experiencia .flex {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 60px;
}

#experiencia .flex h3 {
   width: 30%;
}

#experiencia h5 {
   margin-top: 50px;
}

#experiencia p {
   line-height: 30px;
}

#galeria {
   color: var(--cinza-escuro);
   padding-bottom: 70px;
}

#galeria iframe {
   width: 100%;
   height: 400px;
}

#galeria a[data-fancybox="gallery"] img,
.galeria__listagem a[data-fancybox="gallery"] img {
   margin-bottom: 20px;
}

.galeria__listagem {
   width: 748px;
}

.galeria__listagem > a[data-fancybox="gallery"] > img {
   height: 526px;
}

.galeria__listagem > .flex {
   gap: 20px;
}

.galeria__listagem > .flex > a[data-fancybox="gallery"] > img {
   width: 364px;
   background-repeat: no-repeat;
   background-size: cover;
}

.galeria__listagem .video,
#galeria .video {
   display: flex;
   align-items: center;
   justify-content: center;
}

.galeria__listagem .video a,
#galeria .video a {
   position: absolute;
   width: auto !important;
}

.galeria__listagem .youtube,
#galeria  .youtube {
   width: 135px;
   position: absolute;
}

#galeria .container-fluid {
   display: flex;
   flex-direction: column;
   align-items: center;
}

#galeria .flex a[data-fancybox="gallery"]:first-child {
   margin-right: 20px;
}

#galeria a[data-fancybox="gallery"] {
   width: 100%;
}

#galeria > .container-fluid > .flex {
   margin-top: 80px;
   width: 100%;
}

.wp-pagenavi {
   text-align: center;
   font-size: 1.125rem;
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   padding-bottom: 93px;
}

.wp-pagenavi a {
   border: transparent;
}

.wp-pagenavi span.current {
   background: url(../images/paginação.svg);
   border: transparent;
   background-size: cover;
   font-weight: normal;
}

.wp-pagenavi a, .wp-pagenavi span {
   padding: 5px 12px;
}

#projeto-single {
   color: var(--cinza-escuro);
}

#projeto-single h5 {
   text-transform: uppercase;
   margin-top: 15px;
}

#projeto-single .col-lg-4 .compartilhe h5 {
   text-transform: none;
}

#projeto-single .categoria_projeto {
   margin: 0;
}

#timeline {
   color: var(--cinza-escuro);
}

.timeline {
   position: relative;
}

.timeline-item {
   position: relative;
   padding: 50px 0;
   overflow: hidden;
   display: flex;
   opacity: 0; /* Inicialmente, esconda os itens da timeline */
   transition: opacity 1s ease; /* Adicione uma transição de 1 segundo */
}

.timeline-item:nth-child(even) {
   flex-direction: row-reverse;
}

.timeline-item:last-of-type {
   padding-bottom: 0;
}

.timeline-img {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.timeline-image > div {
   width: 1100px;
   max-width: inherit;
   height: 503px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.timeline-content {
   margin-left: 200px;
} 

.timeline-item:first-child {
   padding-top: 0;
   opacity: 1;
}

.timeline-text {
   margin-top: 45px;
}

.timeline-item:nth-child(even) .timeline-text {
   padding-right: 20px;
}

.timeline-item:nth-child(odd) .timeline-text {
   padding-left: 20px;
}

.timeline h2 {
   font-size: 1.5rem;
   margin-bottom: 10px;
}

.timeline p {
   font-size: 1rem;
   line-height: 1.5;
}

.timeline-item:first-of-type::before {
   top: 100px;
}

.timeline-item::after {
   content: "";
   position: absolute;
   left: 49.4%;
   top: 100px;
   width: 22px;
   height: 22px;
   border-radius: 50%;
   background-color: var(--salmao);
}

.timeline-item.fade-in {
   opacity: 1;
}

.timeline::before {
   content: "";
   position: absolute;
   left: 50%;
   top: 100px;
   transform: translateX(-50%);
   height: 101%;
   border-left: 3px solid var(--salmao);
   z-index: 2;
}

.timeline::after {
   content: "";
   position: absolute;
   left: 49.5%;
   top: 102.1%;
   width: 22px;
   height: 22px;
   border-radius: 50%;
   background-color: var(--salmao);
}

.single #conteudo {
   color: var(--cinza-escuro);
   line-height: 30px;
}

.single #galeria {
   margin-top: 20px;
}

.single  .flex.between-md {
   margin: 50px 0;
}

.single #conteudo .col-lg-4,
.single #projeto-single .col-lg-4 {
   padding-left: 0;
   justify-content: space-between;
   display: flex;
   flex-direction: column;
}

.single #conteudo .col-lg-8 {
   padding-right: 0;
}

#contato {
   color: var(--cinza-escuro);
}

#contato .flex:last-of-type {
   justify-content: space-between;
}

#contato .col-lg-4 p,
#contato .col-lg-6 p {
   margin: 5px 0;
}

#contato .endereco,
#contato .col-lg-6 {
   margin-top: 50px;
}

#contato .endereco a:first-of-type {
   text-decoration: underline;
}

#contato .endereco a.tel {
   text-decoration: none;
}

#contato form {
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   margin-top: 30px;
   font-size: 1rem !important;
}

#contato form input {
   font-size: 1rem !important;
   color: var(--cinza-escuro);
   height: 51px;
   margin: 10px 0;
}

#contato form .flex {
   justify-content: space-between;
}

#contato form .wpcf7-list-item {
   margin: 0;
}

#contato form input[type="checkbox"],
footer form input[type="checkbox"] {
   width: auto;
   height: auto;
}

.wpcf7-textarea {
   resize: none;
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   font-size: 1rem !important;
   margin-top: 10px;
}

#contato .wpcf7 .wpcf7-submit {
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   text-transform: uppercase;
   background: transparent;
   border: none;
   font-size: 1rem;
   text-align: end;
   display: block;
   width: inherit;
   height: auto;
}

#contato input {
   color: var(--cinza-escuro);
   font-family: var(--barlow);
}

.compartilhe p {
   margin-top: 0;
}

.compartilhe__links a {
   margin-right: 20px;
}

.compartilhe__links a:hover svg path {
   stroke: var(--verde);
}

header img {
   height: 28px;
   width: 362px;
   max-width: none;
}

header .container-fluid .row {
   display: flex;
   align-items: center;
}

.header__nav__menu {
   display: flex;
   align-items: center;
   justify-content: space-around;
   height: 102px;
}

.header__content-menu a {
   font-family: var(--barlow);
   color: white;
   font-size: 1rem;
   font-weight: 500; 
   margin-right: 32px;
   height: 102px;
}

body:not(.home):not(.single-post) .header__content-menu a {
   color: var(--cinza-escuro);
}

.header__content-menu a:hover {
   color: var(--verde);
   text-decoration: underline;
}

body:not(.home):not(.single-post) .redeSocial  a svg path {
   stroke: var(--cinza-escuro);
}

body:not(.home) .header__content-menu a:hover {
   color: var(--verde);
}

.box .redeSocial a {
   margin-right: 18px;
}

header .col-xs-8 .box {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.header.header-fixed {
   background-color: white !important;
}

.header.header-fixed .header__content-menu a {
   color: var(--cinza-escuro);
}

.header.header-fixed .header__content-menu a:hover {
   color: var(--verde);
   text-decoration: underline;
}

.box .redeSocial a:hover,
.header.header-fixed .redeSocial a:hover,
footer .redeSocial a:hover {
   text-decoration: none;
}

.box .redeSocial a:hover svg path,
.header.header-fixed .redeSocial a:hover svg path,
footer .redeSocial a:hover svg path  {
   stroke: var(--verde) !important;
}

.home .header.header-fixed path.changeColor,
.single-post .header.header-fixed path.changeColor,
.single-post .header[hasthumb=""] .col-xs-2 .box svg g path.changeColor,
body:not(.home):not(.single-post) .header .col-xs-2 .box svg path  {
   fill: var(--preto) !important;
}

.home .header.header-fixed .col-xs-2  .box svg path:not(.changeColor),
.single-post .header.header-fixed .col-xs-2  .box svg path:not(.changeColor),
.single-post .header[hasthumb=""] .col-xs-2 .box svg g path:not(.changeColor),
body:not(.home):not(.single-post) .header .col-xs-2 .box svg path.changeColor2  {
   fill: var(--verde) !important;
}

.single-post .header .col-xs-2 .box svg g path:not(.changeColor),
body:not(.home):not(.single-post) .header .col-xs-2 .box svg path.changeColor {
   fill: white !important;
}

.single-post .header[hasthumb=""] .header__content-menu a {
   color: var(--cinza-escuro)!important;
}

.single-post .header[hasthumb=""] .box .redeSocial svg path,
.header.header-fixed .box .redeSocial svg path {
   stroke: var(--cinza-escuro) !important;
}

body:not(.home):not(.single-post) .header .col-xs-2 .box svg path {
   fill: var(--cinza-escuro) !important;
}

.current-menu-item a {
   color: var(--verde) !important;
   text-decoration: underline;
}

body:not(.home):not(.single-post) header,
body.single-post header:not([hasthumb="1"])  {
   background: white;
}

#experiencia,
.page-template-page-projetos #principais-projetos,
#projeto-single,
#marcelo,
#novidades,
#contato,
#conteudo:first-of-type {
   padding-top: 186px !important;
}

.home #principais-projetos {
   margin-top: 85px;
}

footer {
   font-family: var(--barlow);
}

footer .header__content-menu a {
   color: var(--cinza-escuro);
}

footer .header__content-menu .redeSocial svg path {
   stroke: var(--cinza-escuro)!important;
}

footer .row:first-child {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 4.25rem;
}

footer .header__content-menu {
   display: flex;
   align-items: center;
}

footer .row:first-child .col-lg-8 {
   display: flex;
   justify-content: flex-end;
}

footer .endereco {
   max-width: 250px;
}

footer .endereco div {
   min-height: 107px;
}

footer .endereco h7 {
   color: var(--cinza-escuro);
   line-height: 22px;
}

footer .endereco a {
   font-size: 0.875rem;
   text-decoration: none;
}

footer .endereco h7:first-of-type {
   text-transform: uppercase;
}

footer .row:nth-child(2) {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
}

footer .row:nth-child(2) .col-lg-7 {
   display: flex;
   justify-content: end;
   gap: 5rem;
}

footer .row:nth-child(2) p {
   font-family: var(--barlow);
   font-size: 1rem;
   color: var(--cinza-escuro);
   margin: 5px 0;
}

footer .row:nth-child(2) form input {
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   font-size: 1rem;
   border: none;
   border-bottom: 1px solid var(--verde);
   margin-top: 25px;
}

footer .wpcf7-submit {
   font-family: var(--barlow);
   color: var(--cinza-escuro);
   font-size: 1rem;
   background: none;
   text-transform: uppercase;
   width: auto;
}

footer .wpcf7-submit:hover {
   color: var(--verde) !important;
}

footer .wpcf7-list-item {
   margin: 0;
   position: relative;
   top: -30px;
}

footer .row:last-of-type {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: var(--cinza-escuro);
   margin-top: 30px;
}

footer .row:last-of-type a {
   font-size: 0.75rem;
   text-decoration: underline;
}

footer .row:last-of-type a:hover {
   text-decoration: none;
}

#google_language_translator {
   display: flex;
}

#google_language_translator a {
   display: none !important;
}

.goog-te-gadget {
   font-size: 0 !important;
}

#google_language_translator select.goog-te-combo {
   color: var(--cinza-escuro);
   font-size: 0.75rem;
   font-family: var(--barlow);
}

footer .row:last-of-type .flex {
   align-items: center;
   justify-content: end;
   gap: 1.8rem;
}

footer .row:last-of-type div:last-of-type div {
   margin-right: 30px;
}

footer .row:last-of-type div:last-of-type div:last-of-type {
   margin: 0;
}


.line-block-margin {
   witdh:100%;
   height: 115px;
}


@media (max-width: 1024px) {
   .container-fluid {
      width: 90%;
   }

   .galeria__listagem > a[data-fancybox="gallery"] > img {
      height: auto;
   }


   #escritorio .imagem-escritorio {
      min-width: 65%;
   }

   #experiencia .flex h3 {
      width: 35%;
   }

   .projetos__listagem .projeto div {
      width: 100%;
   }

   .header__content-menu a {
      margin-right: 15px;
   }
   
   .projetos__listagem {
      columns: 3;
   }

   .projetos__listagem .projeto {
      width: 100%;
   }
   
   .galeria__listagem {
      width: auto;
   }
   
   .novidades__listagem {
      grid-template-columns: 1fr 1fr 1fr !important;
   }
   
   header .col-lg-4 a svg {
      width: 250px;
   }
   
   #novidades .container-fluid .flex div:last-of-type {
      display: flex;
   }
   
   #marcelo {
      padding-bottom: 0;
   }

   .timeline-item.fade-in {
      display: flex;
   }

   .timeline-image,
   .timeline-image > div {
      width: 50vw;
   }

   .timeline-item::after,
   .timeline::after {
      left: 49%;
   }
   
}

@media (max-width: 940px) {
   .bloco-bug{
      height: 60px;
   } 

   header .container-fluid .row {
      height: 60px;
   }
   
   #experiencia .flex h3 {
      width: 50%;
   }

   header .col-xs-8 .box nav {
      width: 100%;
      height: 100vh;
      margin-top: 60px;
      top: 0;
      text-align: center;
   }
   
   header .col-lg-4 a svg {
      width: 300px;
      margin-top: 10px;
   }
   
   header > .container-fluid {
      height: inherit;
   }
   
   .menu-global {
      border-top: 5px solid var(--verde) !important;
   }

   .header.header-fixed .header__content-menu a,
    header body:not(.home):not(.single-post) .header__content-menu a  {
      color: white !important;
   }

   header .current-menu-item a {
      color: white !important;
   }
   
   .menu__responsivo {
      margin-top: -43px !important;
   }
   
   .header {
      height: 60px !important;
   }
   
   .header__content-menu {
      display: none;
   }
   
   #escritorio .imagem-escritorio {
      min-width: 50%;
      height: auto;
   }

   .home #principais-projetos .flex div:last-of-type {
      min-width: 160px;
   }
   
   #principais-projetos,
   #projeto-single,
   #novidades,
   #contato,
   #experiencia,
   .page-template-page-projetos #principais-projetos {
      padding-top: 0 !important;
   }

   header .col-xs-2:first-of-type {
      padding: 0;
   }

   header .redeSocial {
      display: none;
   }

   .projetos__listagem .projeto div {
      width: auto;
   }

   footer .header__content-menu {
      display: flex !important;
      height: auto !important;
   }

   footer .header__nav__menu {
      display: flex;
   }

}


@media (max-width: 768px) {
   #contato .flex {
       flex-direction: column-reverse;
   }
}


@media (max-width: 500px) {

 
   #depoimentos svg {
      width: 56px !important;
   }

   #depoimentos h4 {
      line-height: 30px;
      font-size: 25px;
   }

   #marcelo,
   #experiencia,
   #conteudo {
      padding-top: 50px !important;
   }

   #marcelo .flex {
      flex-direction: column;
   }

   #marcelo .marcelo__imagem {
      width: auto;
      height: auto;
      margin-bottom: 50px;
   }

   header .redeSocial {
      visibility: hidden;
   }

   footer .header__content-menu .menu-menu-container {
     display: none;
   }

   footer .header__content-menu {
      background: transparent;
      flex-direction: row-reverse;
      position: relative;
   }

   footer {
      padding-top: 20px;
   }

   .galeria__listagem > a[data-fancybox="gallery"] > img {
      height: auto;
   }

   .novidades__listagem {
      display: flex !important;
      flex-direction: column;
   }

   .novidades__listagem .novidade {
      margin-top: 20px;
   }

   .projetos__listagem {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 20px;
   }

   .home #escritorio .imagem-escritorio {
      height: 250px;
   }

   .home #escritorio {
      display: flex;
      flex-direction: column;
   }

   #conteudo .flex:nth-child(2),
   #projeto-single .flex,
   #contato .flex:last-of-type,
   #principais-projetos .flex {
      flex-direction: column;
   }

   #principais-projetos,
   .home #novidades {
      margin-top: 30px;
   }

   #galeria > .container-fluid > .flex,
   .page-template-page-marcelo #depoimentos > .container-fluid > .flex,
   #conteudo >  .container-fluid > .flex:last-of-type {
      flex-direction: column;
      gap: 25px;
   }

   .galeria__listagem {
      margin-top: 30px;
   }

   #contato .flex:last-of-type {
      flex-direction: column-reverse;
   }

   .menu__responsivo {
      margin-top: -45px !important;
   }

   header .col-lg-4.col-xs-2 {
      min-width: fit-content;
   }

   .timeline-image, 
   .timeline-image > div {
      width: 100vw;
   }

   .timeline-item.fade-in {
      flex-direction: column;
   }

   .timeline-item::after, .timeline::after {
      left: 87.5%;
   }

   .timeline-item .timeline-text {
      padding: 0 16px;
      z-index: 2;
   }

   .timeline::after {
      top: 101.8%;
   }

   header .col-lg-4 a svg {
      width: 70vw;
   }

   .timeline::before {
      left: 90%;
   }

   .timeline p {
      max-width: 90%;
   }

   .projetos__listagem .projeto div {
      width: auto;
   }

   footer .row:last-of-type .flex {
      gap: 0.5rem;
   }
}


@media (max-width: 425px) {

   .menu__responsivo {
         right: 22px !important;
      }
   }