.elementor-229 .elementor-element.elementor-element-44bbadd{--display:flex;--position:fixed;--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;top:0px;--z-index:50;}body:not(.rtl) .elementor-229 .elementor-element.elementor-element-44bbadd{left:0px;}body.rtl .elementor-229 .elementor-element.elementor-element-44bbadd{right:0px;}.elementor-widget-theme-site-logo .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-229 .elementor-element.elementor-element-06d7a86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-229 .elementor-element.elementor-element-06d7a86 img{width:20%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-229 .elementor-element.elementor-element-44bbadd{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-44bbadd */.mostrar-depois {
  background: rgba(255, 255, 255, 0.08); /* leve transparência */
  backdrop-filter: blur(10px) saturate(160%); /* efeito vidro */
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  color: #D5B96B; /* dourado do texto */
  padding: 10px 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px; /* espaçamento entre ícone e texto */
  transition: all 0.3s ease;

}

<style>
  /* Começa oculto */
  .mostrar-depois {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    pointer-events: none;
  }

  /* Quando ativado (aparece) */
  .mostrar-depois.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const container = document.querySelector(".mostrar-depois");

    if (!container) return;

    window.addEventListener("scroll", function() {
      const scrollTop = window.scrollY || document.documentElement.scrollTop;
      const docHeight = document.documentElement.scrollHeight - window.innerHeight;
      const scrollPercent = (scrollTop / docHeight) * 100;

      if (scrollPercent > 20) {
        container.classList.add("visible");
      } else {
        container.classList.remove("visible");
      }
    });
  });
</script>/* End custom CSS */