.elementor-121 .elementor-element.elementor-element-aa6ffc1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.6em;--padding-bottom:0.6em;--padding-left:0em;--padding-right:0em;overflow:visible;}.elementor-121 .elementor-element.elementor-element-aa6ffc1:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-aa6ffc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A8CF4500;}.elementor-121 .elementor-element.elementor-element-35933ff{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.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-121 .elementor-element.elementor-element-ad88962.elementor-element{--align-self:flex-start;}.elementor-121 .elementor-element.elementor-element-ad88962{text-align:left;}.elementor-121 .elementor-element.elementor-element-ad88962 img{width:75%;}.elementor-121 .elementor-element.elementor-element-f860993{--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-121 .elementor-element.elementor-element-22ba860{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:26px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-121 .elementor-element.elementor-element-22ba860 .elementor-social-icon{background-color:#F7FBEF00;--icon-padding:0em;}.elementor-121 .elementor-element.elementor-element-22ba860 .elementor-social-icon i{color:var( --e-global-color-ed1a2c7 );}.elementor-121 .elementor-element.elementor-element-22ba860 .elementor-social-icon svg{fill:var( --e-global-color-ed1a2c7 );}.elementor-121 .elementor-element.elementor-element-22ba860 .elementor-social-icon:hover i{color:var( --e-global-color-primary );}.elementor-121 .elementor-element.elementor-element-22ba860 .elementor-social-icon:hover svg{fill:var( --e-global-color-primary );}.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-121 .elementor-element.elementor-element-c38327b .elementor-button{background-color:var( --e-global-color-ed1a2c7 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:2px 2px 2px 2px;padding:6px 10px 6px 10px;}.elementor-121 .elementor-element.elementor-element-c38327b .elementor-button:hover, .elementor-121 .elementor-element.elementor-element-c38327b .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-ed1a2c7 );}.elementor-121 .elementor-element.elementor-element-c38327b{padding:0em 0em 0em 1em;}.elementor-121 .elementor-element.elementor-element-c38327b .elementor-button-content-wrapper{flex-direction:row;}.elementor-121 .elementor-element.elementor-element-c38327b .elementor-button:hover svg, .elementor-121 .elementor-element.elementor-element-c38327b .elementor-button:focus svg{fill:var( --e-global-color-ed1a2c7 );}.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-121 .elementor-element.elementor-element-35933ff{--width:50%;}.elementor-121 .elementor-element.elementor-element-f860993{--width:50%;}}@media(max-width:767px){.elementor-121 .elementor-element.elementor-element-aa6ffc1{--padding-top:0em;--padding-bottom:0em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-121 .elementor-element.elementor-element-35933ff{--width:50%;}.elementor-121 .elementor-element.elementor-element-ad88962 img{width:85%;}.elementor-121 .elementor-element.elementor-element-f860993{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-aa6ffc1 *//* ============================================================
   ESTILO PADRÃO DO HEADER
   ============================================================ */
#header {
    transition: all 0.5s ease;
    min-height: 100px;
    background: transparent;
    display: flex;
    align-items: center;
    box-shadow: none;
}

/* Logo padrão */
#header .logo img {
    transition: all 0.5s ease;
    max-height: 75px; /* Ajuste conforme sua logo */
}

/* ============================================================
   MENU DE NAVEGAÇÃO - ESTILO PADRÃO
   ============================================================ */
#header .elementor-nav-menu a {
    color: #FFFFFF !important; /* Cor base */
    transition: all 0.3s ease;
    font-weight: 500;
    position: relative;
}

/* Efeito hover no menu (antes do scroll) */
#header .elementor-nav-menu a:hover {
    color: #A8CF45 !important; /* Verde da marca */
}

/* Linha animada sob o item do menu ao passar o mouse */
#header .elementor-nav-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #A8CF45;
    transition: width 0.3s ease;
}
#header .elementor-nav-menu a:hover::after {
    width: 100%;
}

/* ============================================================
   ÍCONES SOCIAIS - COR PADRÃO (BASE)
   ============================================================ */
#header .elementor-social-icon,
#header .elementor-social-icon a,
#header .elementor-social-icon i,
#header .elementor-social-icon svg,
#header .elementor-widget-social-icons .elementor-icon,
#header .elementor-widget-social-icons a .elementor-icon,
#header .elementor-social-icon::before,
#header .elementor-social-icon i::before {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    transition: all 0.3s ease;
}

/* ============================================================
   HEADER EM MODO STICKY (após scroll)
   ============================================================ */
#header.elementor-sticky--effects {
    background: #A8CF45;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    min-height: 60px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Logo no scroll */
#header.elementor-sticky--effects .logo img {
    max-height: 60px;
    content: url("https://rbq.onnizi.com/wp-content/uploads/2025/10/RBQ-logo-hz-prt.svg");
}

/* ============================================================
   MENU DE NAVEGAÇÃO - STICKY
   ============================================================ */
#header.elementor-sticky--effects .elementor-nav-menu a {
    color: #3A3335 !important; /* Cor do texto no scroll */
}

#header.elementor-sticky--effects .elementor-nav-menu a:hover {
    color: #FFFFFF !important; /* Branco no hover */
}

#header.elementor-sticky--effects .elementor-nav-menu a::after {
    background-color: #FFFFFF; /* Linha branca no hover */
}

/* ============================================================
   ÍCONES SOCIAIS - STICKY (cor e hover)
   ============================================================ */
#header.elementor-sticky--effects .elementor-social-icon,
#header.elementor-sticky--effects .elementor-social-icon a,
#header.elementor-sticky--effects .elementor-social-icon i,
#header.elementor-sticky--effects .elementor-social-icon svg,
#header.elementor-sticky--effects .elementor-widget-social-icons .elementor-icon,
#header.elementor-sticky--effects .elementor-widget-social-icons a .elementor-icon,
#header.elementor-sticky--effects .elementor-social-icon::before,
#header.elementor-sticky--effects .elementor-social-icon i::before {
    color: #3A3335 !important;
    fill: #3A3335 !important;
    stroke: #3A3335 !important;
}

/* Garante alteração de paths dentro dos SVGs */
#header.elementor-sticky--effects .elementor-social-icon svg path,
#header.elementor-sticky--effects .elementor-social-icon svg circle,
#header.elementor-sticky--effects .elementor-social-icon svg g {
    fill: #3A3335 !important;
    stroke: #3A3335 !important;
}

/* Corrige ícones baseados em FontAwesome (::before) */
#header.elementor-sticky--effects .elementor-icon:before,
#header.elementor-sticky--effects .elementor-social-icon i:before {
    color: #3A3335 !important;
}

/* ============================================================
   EFEITOS DE HOVER - ÍCONES SOCIAIS
   ============================================================ */
#header .elementor-social-icon:hover,
#header .elementor-social-icon a:hover,
#header .elementor-social-icon i:hover,
#header .elementor-social-icon svg:hover {
    color: #A8CF45 !important;
    fill: #A8CF45 !important;
    transform: scale(1.15);
}

#header.elementor-sticky--effects .elementor-social-icon:hover,
#header.elementor-sticky--effects .elementor-social-icon a:hover,
#header.elementor-sticky--effects .elementor-social-icon i:hover,
#header.elementor-sticky--effects .elementor-social-icon svg:hover {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transform: scale(1.15);
}/* End custom CSS */