.elementor-55 .elementor-element.elementor-element-af64cd8{--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;}.elementor-55 .elementor-element.elementor-element-af64cd8:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-af64cd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-9bfe59b{--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-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-55 .elementor-element.elementor-element-869764f{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-133f602 .elementor-icon-wrapper{text-align:center;}.elementor-55 .elementor-element.elementor-element-7732f28{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-55 .elementor-element.elementor-element-7732f28.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-55 .elementor-element.elementor-element-92f85f4{--display:flex;}.elementor-55 .elementor-element.elementor-element-72f2ad8{--display:flex;}.elementor-55 .elementor-element.elementor-element-6ea3a71{--display:flex;}.elementor-55 .elementor-element.elementor-element-ae5df51{--display:flex;}.elementor-55 .elementor-element.elementor-element-bcd9903{--display:flex;}.elementor-55 .elementor-element.elementor-element-6c40d14{--display:flex;}.elementor-55 .elementor-element.elementor-element-23efc15{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-55 .elementor-element.elementor-element-23efc15 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-55 .elementor-element.elementor-element-23efc15 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-55 .elementor-element.elementor-element-23efc15 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-55 .elementor-element.elementor-element-23efc15 {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:#0BE9FC;}.elementor-55 .elementor-element.elementor-element-b6d1062{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-400e588{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--icon-size:21px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-55 .elementor-element.elementor-element-400e588 .elementor-social-icon{background-color:#02010100;--icon-padding:0.3em;}.elementor-55 .elementor-element.elementor-element-400e588 .elementor-social-icon i{color:#133478;}.elementor-55 .elementor-element.elementor-element-400e588 .elementor-social-icon svg{fill:#133478;}.elementor-55 .elementor-element.elementor-element-96fda06{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-55 .elementor-element.elementor-element-3f2ffee .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;padding:7px 5px 7px 5px;}.elementor-55 .elementor-element.elementor-element-3f2ffee.elementor-element{--align-self:center;}.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-55 .elementor-element.elementor-element-af64cd8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-23efc15{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-title-font-size:12px;}.elementor-55 .elementor-element.elementor-element-b6d1062{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-400e588{--container-widget-width:74%;--container-widget-flex-grow:0;width:var( --container-widget-width, 74% );max-width:74%;--icon-size:18px;}.elementor-55 .elementor-element.elementor-element-400e588 .elementor-social-icon{--icon-padding:0.2em;}.elementor-55 .elementor-element.elementor-element-96fda06{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-3f2ffee .elementor-button{font-size:10px;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-af64cd8{--justify-content:center;}.elementor-55 .elementor-element.elementor-element-9bfe59b{--width:44%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-daf5c66.elementor-element{--align-self:flex-start;}.elementor-55 .elementor-element.elementor-element-869764f{--width:44%;}.elementor-55 .elementor-element.elementor-element-133f602 .elementor-icon-wrapper{text-align:right;}.elementor-55 .elementor-element.elementor-element-133f602 .elementor-icon{font-size:40px;}.elementor-55 .elementor-element.elementor-element-133f602 .elementor-icon svg{height:40px;}}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-9bfe59b{--width:14%;}.elementor-55 .elementor-element.elementor-element-869764f{--width:14%;}.elementor-55 .elementor-element.elementor-element-7732f28{--width:62%;}.elementor-55 .elementor-element.elementor-element-b6d1062{--width:12%;}.elementor-55 .elementor-element.elementor-element-96fda06{--width:12%;}}@media(max-width:1024px) and (min-width:768px){.elementor-55 .elementor-element.elementor-element-b6d1062{--width:39%;}.elementor-55 .elementor-element.elementor-element-96fda06{--width:13%;}}@media(min-width:2400px){.elementor-55 .elementor-element.elementor-element-af64cd8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-af64cd8 *//* =================================================================== */
/*  CABEÇALHO COM EFEITO STICKY - VERSÃO FINAL (COM HOVER/ACTIVE)
/* =================================================================== */

/* --- 1. ESTADO INICIAL (TRANSPARENTE / ELEMENTOS BRANCOS) --- */

.elementor-55 .elementor-element.elementor-element-af64cd8 {
    background-color: transparent !important;
    transition: background-color 0.4s ease, box-shadow 0.4s ease !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8 .logo-principal img {
    content: url('https://obbs.com.br/wp-content/uploads/2025/07/LOGO-OBBS-BRANCA.png') !important;
    transition: content 0.2s ease-in-out;
}
.elementor-55 .elementor-element.elementor-element-af64cd8 .menu-principal .e-n-menu-title-text {
    color: #ffffff !important;
    transition: color 0.4s ease;
}
.elementor-55 .elementor-element.elementor-element-af64cd8 .icones-sociais .elementor-icon svg {
    fill: #ffffff !important;
    transition: fill 0.4s ease;
}
.elementor-55 .elementor-element.elementor-element-af64cd8 .botao-contato .elementor-button {
    color: #ffffff !important;
    background-color: transparent !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #ffffff !important;
    transition: all 0.4s ease;
}
.elementor-55 .elementor-element.elementor-element-af64cd8 .elementor-menu-toggle svg {
    fill: #ffffff !important;
    transition: fill 0.4s ease;
}


/* --- 2. ESTADO COM SCROLL (FUNDO BRANCO / ELEMENTOS AZUIS) --- */

.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects {
    background-color: #ffffff !important;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .logo-principal img {
    content: url('https://obbs.com.br/wp-content/uploads/2025/05/OBBS-LOGO.jpg') !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .menu-principal .e-n-menu-title-text {
    color: #133478 !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .icones-sociais .elementor-icon svg {
    fill: #133478 !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .elementor-menu-toggle svg {
    fill: #133478 !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .botao-contato .elementor-button {
    color: #ffffff !important;
    background-color: #133478 !important;
    border-color: #133478 !important;
}


/* --- 3. EFEITOS HOVER (BOTÃO) --- */

.elementor-55 .elementor-element.elementor-element-af64cd8 .botao-contato .elementor-button:hover {
    background-color: #ffffff !important;
    color: #133478 !important;
}
.elementor-55 .elementor-element.elementor-element-af64cd8.elementor-sticky--effects .botao-contato .elementor-button:hover {
    background-color: #0F2A63 !important;
    border-color: #0F2A63 !important;
    color: #ffffff !important;
}


/* --- 4. EFEITOS HOVER E ACTIVE (MENU) - ADICIONADO --- */

/* Cor do item de menu ATIVO (página atual) ou ao PASSAR O MOUSE */
/* Isso funciona tanto no estado transparente quanto no estado com scroll */
.elementor-55 .elementor-element.elementor-element-af64cd8 .menu-principal .e-n-menu-item.e-active > .e-n-menu-title .e-n-menu-title-text,
.elementor-55 .elementor-element.elementor-element-af64cd8 .menu-principal .e-n-menu-item:hover > .e-n-menu-title .e-n-menu-title-text {
    color: #0BE9FC !important;
}/* End custom CSS */