.elementor-524 .elementor-element.elementor-element-3a3b250{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-524 .elementor-element.elementor-element-3a3b250:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-3a3b250 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14141400;}.elementor-524 .elementor-element.elementor-element-96ddb7f img{width:217px;}.elementor-524 .elementor-element.elementor-element-197cbd5 .elementor-icon-wrapper{text-align:center;}.elementor-524 .elementor-element.elementor-element-197cbd5 .elementor-icon{font-size:31px;}.elementor-524 .elementor-element.elementor-element-197cbd5 .elementor-icon svg{height:31px;}.elementor-524 .elementor-element.elementor-element-d53d4e7{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-524 .elementor-element.elementor-element-96ddb7f img{width:200px;}}@media(max-width:880px){.elementor-524 .elementor-element.elementor-element-96ddb7f img{width:190px;}}@media(max-width:767px){.elementor-524 .elementor-element.elementor-element-96ddb7f img{width:180px;}}/* Start custom CSS for container, class: .elementor-element-3a3b250 *//* container: garante posição e contexto de empilhamento */
.meu-container {
  position: relative;
  z-index: 0;
  overflow: visible;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: backdrop-filter 300ms ease, -webkit-backdrop-filter 300ms ease;
}

/* quando rolado > 117px: aplica blur */
.meu-container.scrolled-blur {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* pseudo-elemento cobrindo todo o container */
.meu-container.scrolled-blur::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #141414A1 !important;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: normal;
}

/* garante que o conteúdo do container fique acima */
.meu-container > * {
  position: relative;
  z-index: 2;
}

/* ======== Controle de Logos ======== */

/* Agrupe as duas logos dentro de um container comum, ex:
<div class="logo-wrapper">
  <div class="elementor-widget-image logo-preta"></div>
  <div class="elementor-widget-image logo-branca"></div>
</div>
*/

.logo-wrapper {
  position: relative;
  display: inline-block; /* mantém o espaço da logo */
}

/* empilha as duas logos uma sobre a outra */
.logo-wrapper .logo-preta,
.logo-wrapper .logo-branca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* garante sobreposição perfeita */
  height: auto;
  transition: opacity 0.4s ease;
}

/* estado inicial */
.logo-preta {
  opacity: 1;
  visibility: visible;
}

.logo-branca {
  opacity: 0;
  visibility: hidden;
}

/* após o scroll (>117px) */
.meu-container.scrolled-blur .logo-preta {
  opacity: 0;
  visibility: hidden;
}

.meu-container.scrolled-blur .logo-branca {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */