.elementor-31 .elementor-element.elementor-element-cb58a40{--display:flex;--min-height:80px;--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;--justify-content:space-between;--align-items:center;--gap:020px 020px;--background-transition:0.3s;--z-index:99;}.elementor-31 .elementor-element.elementor-element-164eb19{text-align:left;}.elementor-31 .elementor-element.elementor-element-164eb19 img{width:80%;max-width:80%;height:34px;}.elementor-31 .elementor-element.elementor-element-d724472{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:8px;--grid-row-gap:8px;}.elementor-31 .elementor-element.elementor-element-d724472 .elementor-widget-container{text-align:center;}.elementor-31 .elementor-element.elementor-element-d724472 .elementor-social-icon{background-color:var( --e-global-color-329e5b1 );--icon-padding:0.4em;}.elementor-31 .elementor-element.elementor-element-d724472 .elementor-social-icon i{color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d724472 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d724472.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-fbd1021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-31 .elementor-element.elementor-element-5252758 img{width:32%;}.elementor-31 .elementor-element.elementor-element-5252758.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-5252758{left:-60px;}body.rtl .elementor-31 .elementor-element.elementor-element-5252758{right:-60px;}.elementor-31 .elementor-element.elementor-element-5252758{bottom:5px;z-index:99;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-cb58a40{--gap:20px 20px;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:20px;--padding-block-end:20px;--padding-inline-start:20px;--padding-inline-end:20px;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-cb58a40{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-31 .elementor-element.elementor-element-cb58a40{--content-width:100%;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-cb58a40{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--padding-block-start:20px;--padding-block-end:20px;--padding-inline-start:20px;--padding-inline-end:20px;}.elementor-31 .elementor-element.elementor-element-5252758 img{width:30%;}.elementor-31 .elementor-element.elementor-element-5252758{bottom:1px;}}/* Start custom CSS for container, class: .elementor-element-cb58a40 */.menu-rolavel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: all 0.3s ease;
}
.menu-rolavel.scroll-ativa {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ===============================
   ÍCONE (SVG) muda de cor
================================== */
.menu-rolavel .imagem-scroll img {
  content: url('https://acao360eventos.com.br/wp-content/uploads/2025/06/menu@2x-1.png'); /* substitua pela sua logo branca/inicial */
  transition: all 0.3s ease;
}
.menu-rolavel.scroll-ativa .imagem-scroll img {
  content: url('https://acao360eventos.com.br/wp-content/uploads/2025/06/Grupo-31@2x-1.png') !important; 
}


/* ===============================
   LOGO troca de imagem
================================== */

/* ===============================
   LOGO troca de imagem
================================== */
.menu-rolavel .logo-scroll img svg {
  content: url('https://acao360eventos.com.br/wp-content/uploads/2025/06/LOGO-COLORIDO-acao-360.png'); /* substitua pela sua logo branca/inicial */
  transition: all 0.3s ease;
}
.menu-rolavel.scroll-ativa .logo-scroll img {
  content: url('https://acao360eventos.com.br/wp-content/uploads/2025/06/Grupo-218.png');
}

/* ===============================
   ÍCONES SOCIAIS personalizados/* End custom CSS */