.elementor-3300 .elementor-element.elementor-element-aa32a28{--display:flex;--min-height:362px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.14;--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-aa32a28::before, .elementor-3300 .elementor-element.elementor-element-aa32a28 > .elementor-background-video-container::before, .elementor-3300 .elementor-element.elementor-element-aa32a28 > .e-con-inner > .elementor-background-video-container::before, .elementor-3300 .elementor-element.elementor-element-aa32a28 > .elementor-background-slideshow::before, .elementor-3300 .elementor-element.elementor-element-aa32a28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3300 .elementor-element.elementor-element-aa32a28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(45deg, var( --e-global-color-primary ) 0%, var( --e-global-color-818d736 ) 33%);}.elementor-3300 .elementor-element.elementor-element-aa32a28 .elementor-background-slideshow__slide__image{background-position:center center;}.elementor-3300 .elementor-element.elementor-element-d87843f{--display:flex;--min-height:503px;--overlay-opacity:0.17;}.elementor-3300 .elementor-element.elementor-element-d87843f::before, .elementor-3300 .elementor-element.elementor-element-d87843f > .elementor-background-video-container::before, .elementor-3300 .elementor-element.elementor-element-d87843f > .e-con-inner > .elementor-background-video-container::before, .elementor-3300 .elementor-element.elementor-element-d87843f > .elementor-background-slideshow::before, .elementor-3300 .elementor-element.elementor-element-d87843f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3300 .elementor-element.elementor-element-d87843f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0D0C0C 0%, var( --e-global-color-818d736 ) 0%);}.elementor-3300 .elementor-element.elementor-element-d87843f::before{filter:brightness( 77% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3300 .elementor-element.elementor-element-0d99abb{width:auto;max-width:auto;text-align:left;}.elementor-3300 .elementor-element.elementor-element-0d99abb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-0d99abb.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-3300 .elementor-element.elementor-element-0d99abb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:0.4px;color:var( --e-global-color-096c4a3 );}.elementor-3300 .elementor-element.elementor-element-4b47cd6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3300 .elementor-element.elementor-element-8e90be7 > .elementor-widget-container{border-style:none;}.elementor-3300 .elementor-element.elementor-element-8418efd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--flex-wrap:wrap;--padding-top:30px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3300 .elementor-element.elementor-element-8418efd:not(.elementor-motion-effects-element-type-background), .elementor-3300 .elementor-element.elementor-element-8418efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-096c4a3 );}.elementor-3300 .elementor-element.elementor-element-368e11c{--display:flex;--min-height:375px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 16px -5px rgba(0,0,0,0.5);--margin-top:5px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-368e11c:not(.elementor-motion-effects-element-type-background), .elementor-3300 .elementor-element.elementor-element-368e11c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-096c4a3 );}.elementor-3300 .elementor-element.elementor-element-368e11c.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3300 .elementor-element.elementor-element-6cd1620 > .elementor-widget-container{margin:-1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-6cd1620{text-align:center;}.elementor-3300 .elementor-element.elementor-element-6cd1620 img{width:100%;max-width:100%;border-radius:5px 5px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-967fd79 > .elementor-widget-container{margin:0px 15px 0px 15px;padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-967fd79.elementor-element{--align-self:flex-start;}.elementor-3300 .elementor-element.elementor-element-967fd79 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-358b258 );}.elementor-3300 .elementor-element.elementor-element-f22ae4e > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3300 .elementor-element.elementor-element-ff5705d .elementor-button{background-color:#2E9B96;height:43px;width:204px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-3300 .elementor-element.elementor-element-ff5705d .elementor-button:hover, .elementor-3300 .elementor-element.elementor-element-ff5705d .elementor-button:focus{background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3300 .elementor-element.elementor-element-ff5705d > .elementor-widget-container{margin:20px 0px 15px 15px;}.elementor-3300 .elementor-element.elementor-element-4bd48d8{--display:flex;--min-height:375px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 16px -5px rgba(0,0,0,0.5);--margin-top:5px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-4bd48d8:not(.elementor-motion-effects-element-type-background), .elementor-3300 .elementor-element.elementor-element-4bd48d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-096c4a3 );}.elementor-3300 .elementor-element.elementor-element-4bd48d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3300 .elementor-element.elementor-element-be845d0 > .elementor-widget-container{margin:-1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-be845d0{text-align:center;}.elementor-3300 .elementor-element.elementor-element-be845d0 img{width:100%;max-width:100%;border-radius:5px 5px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-4413416 > .elementor-widget-container{margin:0px 15px 0px 15px;padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-4413416.elementor-element{--align-self:flex-start;}.elementor-3300 .elementor-element.elementor-element-4413416 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-358b258 );}.elementor-3300 .elementor-element.elementor-element-256445b > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-3300 .elementor-element.elementor-element-081ae8d .elementor-button{background-color:#2E9B96;height:43px;width:204px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Roboto", Sans-serif;font-weight:500;transition-duration:0s;border-radius:10px 10px 10px 10px;}.elementor-3300 .elementor-element.elementor-element-081ae8d .elementor-button:hover, .elementor-3300 .elementor-element.elementor-element-081ae8d .elementor-button:focus{background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-3300 .elementor-element.elementor-element-081ae8d > .elementor-widget-container{margin:20px 0px 15px 15px;}.elementor-3300 .elementor-element.elementor-element-37fe717{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-3300 .elementor-element.elementor-element-aa32a28{--width:100%;}.elementor-3300 .elementor-element.elementor-element-368e11c{--width:27%;}.elementor-3300 .elementor-element.elementor-element-4bd48d8{--width:27%;}}@media(max-width:1024px){.elementor-3300 .elementor-element.elementor-element-aa32a28{--min-height:395px;}.elementor-3300 .elementor-element.elementor-element-0d99abb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-0d99abb.elementor-element{--align-self:flex-start;}.elementor-3300 .elementor-element.elementor-element-0d99abb{text-align:left;}.elementor-3300 .elementor-element.elementor-element-0d99abb .elementor-heading-title{font-size:23px;}.elementor-3300 .elementor-element.elementor-element-ff5705d > .elementor-widget-container{margin:-24px 0px 12px 0px;}.elementor-3300 .elementor-element.elementor-element-ff5705d .elementor-button{width:143px;}.elementor-3300 .elementor-element.elementor-element-081ae8d > .elementor-widget-container{margin:-24px 0px 12px 0px;}.elementor-3300 .elementor-element.elementor-element-081ae8d .elementor-button{width:143px;}}@media(max-width:767px){.elementor-3300 .elementor-element.elementor-element-aa32a28{--min-height:220px;--overlay-opacity:1;--margin-top:20px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:6px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-d87843f{--min-height:206px;}.elementor-3300 .elementor-element.elementor-element-0d99abb > .elementor-widget-container{margin:01px 01px 01px 01px;}.elementor-3300 .elementor-element.elementor-element-0d99abb.elementor-element{--align-self:flex-start;}.elementor-3300 .elementor-element.elementor-element-0d99abb{text-align:left;}.elementor-3300 .elementor-element.elementor-element-0d99abb .elementor-heading-title{font-size:11px;letter-spacing:1px;}.elementor-3300 .elementor-element.elementor-element-8418efd{--content-width:100%;--gap:0px 010px;--row-gap:0px;--column-gap:010px;--padding-top:30px;--padding-bottom:0px;--padding-left:11px;--padding-right:11px;}.elementor-3300 .elementor-element.elementor-element-368e11c{--width:48%;--min-height:85px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-967fd79 > .elementor-widget-container{margin:0px 11px 0px 11px;}.elementor-3300 .elementor-element.elementor-element-ff5705d > .elementor-widget-container{margin:-10px 0px -2px 0px;}.elementor-3300 .elementor-element.elementor-element-ff5705d.elementor-element{--align-self:center;}.elementor-3300 .elementor-element.elementor-element-ff5705d .elementor-button{height:33px;width:134px;font-size:12px;}.elementor-3300 .elementor-element.elementor-element-4bd48d8{--width:48%;--min-height:85px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-3300 .elementor-element.elementor-element-4413416 > .elementor-widget-container{margin:0px 11px 0px 11px;padding:0px 0px 0px 0px;}.elementor-3300 .elementor-element.elementor-element-081ae8d > .elementor-widget-container{margin:-10px 0px -2px 0px;}.elementor-3300 .elementor-element.elementor-element-081ae8d.elementor-element{--align-self:center;}.elementor-3300 .elementor-element.elementor-element-081ae8d .elementor-button{height:33px;width:134px;font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-8e90be7 */#filtro-projetos {
  display: flex;
  justify-content: center; /* centraliza horizontalmente */
  gap: 100px; /* espaço entre os botões */
  flex-wrap: wrap; /* quebra linha se tiver muitos botões */
  margin: 20px 0; /* espaçamento vertical opcional */
}

.filtro-btn {
  padding: 10px 20px;
  background-color: #FCFCFC;
  color: #737373;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
  background-color: #e9eaef
}

.filtro-btn:hover {
  background-color: #FBB033;
}
.filtro-btn.ativo {
  background-color: #FBB033 !important;
  color: white;
}
/* ============================================== */
/* CSS RESPONSIVO PARA O FILTRO          */
/* ============================================== */

/* --- AJUSTES PARA TABLETS --- */
/* Aplica estas regras em telas com largura máxima de 1024px */
@media (max-width: 1024px) {
  #filtro-projetos {
    /* Reduz drasticamente o espaço entre os botões */
    gap: 40px; 
  }
}


/* --- AJUSTES PARA CELULARES --- */
/* Aplica estas regras em telas com largura máxima de 767px */
@media (max-width: 767px) {
  #filtro-projetos {
    /* A propriedade 'gap' pode ter dois valores: vertical e horizontal.
      Isso cria um espaço de 15px quando os botões quebram a linha 
      e um espaço de 10px entre os botões na mesma linha.
    */
    gap: 15px 10px;
  }

  .filtro-btn {
    /* Opcional: Deixar os botões um pouco menores em telas pequenas */
    padding: 8px 18px;
    font-size: 14px; /* Ajusta o tamanho da fonte para melhor encaixe */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-368e11c */.projeto{
    box-shadow: 0px 0px 20px rgba(13, 43, 89, 0.20);
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bd48d8 */.projeto{
    box-shadow: 0px 0px 20px rgba(13, 43, 89, 0.20);
    
}/* End custom CSS */
/* Start custom CSS */body:not(.elementor-editor-active) .projeto {
  display: none;
}

body:not(.elementor-editor-active) .projeto.ativo {
  display: flex; /* ou o display que usar */
}
<style>
  #loading-bar {
    width: 100%;
    height: 6px;
    background-color: #eee;
    margin-bottom: 10px;
    position: relative;
  }

  #loading-bar .progress {
    height: 100%;
    width: 0%;
    background-color: #00aaff;
    transition: width 0.6s ease-in-out;
  }

  .percent-text {
    font-size: 16px;
    margin-top: 4px;
    color: #333;
  }
</style>/* End custom CSS */