.elementor-80 .elementor-element.elementor-element-02b5957{--display:flex;--min-height:130px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:1px;--margin-left:0px;--margin-right:0px;}.elementor-80 .elementor-element.elementor-element-02b5957:not(.elementor-motion-effects-element-type-background), .elementor-80 .elementor-element.elementor-element-02b5957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0F23;}.elementor-80 .elementor-element.elementor-element-a056fd3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-80 .elementor-element.elementor-element-46459fe{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-80 .elementor-element.elementor-element-1c8cd37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 60px / 2 );}.elementor-80 .elementor-element.elementor-element-1c8cd37.elementor-element{--align-self:center;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-menu-toggle{margin:0 auto;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu .elementor-item{font-family:"Michroma", Sans-serif;font-size:12px;font-weight:700;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item{color:#F5F6F7;fill:#F5F6F7;padding-left:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item:hover, .elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item:focus{color:#F5F6F7;fill:#F5F6F7;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#BE2332;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed .elementor-item:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed .elementor-item:after{border-color:#BE2332;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#F5F6F7;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#BE2332;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#BE2332;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-underline .elementor-item:after, .elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-overline .elementor-item:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-double-line .elementor-item:before, .elementor-80 .elementor-element.elementor-element-1c8cd37 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:60px;}.elementor-80 .elementor-element.elementor-element-97657ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-80 .elementor-element.elementor-element-c2269bb .elementor-button{background-color:transparent;height:45px;width:299px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Michroma", Sans-serif;font-size:13px;font-weight:700;letter-spacing:0px;fill:#F5F6F7;color:#F5F6F7;background-image:linear-gradient(90deg, #BE2332 0%, #FA8703 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0A0F23;border-radius:285px 285px 285px 285px;padding:0px 0px 0px 0px;}.elementor-80 .elementor-element.elementor-element-c2269bb .elementor-button:hover, .elementor-80 .elementor-element.elementor-element-c2269bb .elementor-button:focus{background-color:transparent;color:#F5F6F7;background-image:linear-gradient(90deg, #F5F6F74A 0%, #F2295B00 100%);border-color:#BE2332;}.elementor-80 .elementor-element.elementor-element-c2269bb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-80 .elementor-element.elementor-element-c2269bb.elementor-element{--align-self:center;}.elementor-80 .elementor-element.elementor-element-c2269bb .elementor-button:hover svg, .elementor-80 .elementor-element.elementor-element-c2269bb .elementor-button:focus svg{fill:#F5F6F7;}.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-80 .elementor-element.elementor-element-02b5957{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-80 .elementor-element.elementor-element-1c8cd37{padding:0px 0px 0px 25px;--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu .elementor-item{font-size:8px;}.elementor-80 .elementor-element.elementor-element-1c8cd37 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-80 .elementor-element.elementor-element-c2269bb{--container-widget-width:353px;--container-widget-flex-grow:0;width:var( --container-widget-width, 353px );max-width:353px;}.elementor-80 .elementor-element.elementor-element-c2269bb .elementor-button{height:40px;width:195px;font-size:8px;}}@media(max-width:767px){.elementor-80 .elementor-element.elementor-element-02b5957{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80 .elementor-element.elementor-element-a056fd3{--width:40%;}.elementor-80 .elementor-element.elementor-element-75bf977 img{width:1%;}.elementor-80 .elementor-element.elementor-element-46459fe{--width:35%;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-80 .elementor-element.elementor-element-1c8cd37{padding:0px 0px 0px 0px;}.elementor-80 .elementor-element.elementor-element-97657ee{--width:33%;}}@media(min-width:768px){.elementor-80 .elementor-element.elementor-element-a056fd3{--width:230px;}.elementor-80 .elementor-element.elementor-element-46459fe{--width:610px;}.elementor-80 .elementor-element.elementor-element-97657ee{--width:300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-80 .elementor-element.elementor-element-46459fe{--width:450px;}}/* Start custom CSS *//* ============================================================ PETROMAXX — HEADER RESPONSIVO (completo) — v3 ============================================================ */ /* Esconde o item "btn-cta-mobile" no menu horizontal (desktop) — ele deve aparecer só no dropdown mobile */ .elementor-nav-menu--main li.btn-cta-mobile{ display: none !important; } @media (max-width: 767px) { /* 1) CONTAINER DO HEADER — fundo navy, sticky, full-bleed */ .elementor-element-02b5957{ background: #01051E !important; position: sticky !important; top: 0 !important; z-index: 999 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; overflow: visible !important; } .elementor-element-02b5957 > .e-con-inner{ padding: 8px 20px !important; align-items: center !important; } /* 2) LOGO — aumenta e alinha à esquerda */ .elementor-element-a056fd3{ flex: 0 0 auto !important; width: auto !important; } .elementor-element-75bf977 img{ width: 160px !important; height: auto !important; } /* 3) COLUNA DO MENU — empurra o burger pra direita */ .elementor-element-46459fe{ flex: 1 1 auto !important; display: flex !important; justify-content: flex-end !important; position: static !important; } /* 4) BOTÃO HAMBURGUER — quadrado arredondado, fundo translúcido */ .elementor-menu-toggle{ width: 40px !important; height: 40px !important; border-radius: 10px !important; background: rgba(255,255,255,0.08) !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-menu-toggle svg{ width: 18px !important; height: 18px !important; fill: #fff !important; } /* 5) MENU DROPDOWN MOBILE — largura total */ .elementor-nav-menu--dropdown{ position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; background: #01051E !important; padding: 6px 20px 22px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; } .elementor-nav-menu--dropdown ul.elementor-nav-menu{ display: flex !important; flex-direction: column !important; width: 100% !important; } .elementor-nav-menu--dropdown li{ width: 100% !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; } .elementor-nav-menu--dropdown li:last-child{ border-bottom: none !important; } .elementor-nav-menu--dropdown a{ display: block !important; color: #cfd2e0 !important; font-weight: 600 !important; font-size: 15px !important; padding: 13px 0 !important; } .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus, .elementor-nav-menu--dropdown a:active, .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-nav-menu--dropdown a[aria-current="page"]{ color: #FF8300 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } .elementor-nav-menu--dropdown li:hover, .elementor-nav-menu--dropdown li:focus-within{ background: transparent !important; background-color: transparent !important; } /* 6) BOTÃO CTA original (widget) — some do topo no mobile */ .elementor-element-97657ee{ display: none !important; } /* 7) ITEM "btn-cta-mobile" ("Encontre o posto mais próximo") */ .elementor-nav-menu--dropdown li.btn-cta-mobile{ border-bottom: none !important; margin-top: 10px !important; width: 100% !important; } .elementor-nav-menu--dropdown li.btn-cta-mobile a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; box-sizing: border-box !important; background: var(--grad-cta, linear-gradient(90deg, #E5252B 0%, #FF8300 100%)) !important; color: #fff !important; border: 1px solid transparent !important; font-family: 'Michroma', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; text-align: center !important; padding: 15px 20px !important; border-radius: 100px !important; cursor: pointer !important; transition: all .3s ease !important; } .elementor-nav-menu--dropdown li.btn-cta-mobile a:hover{ transform: translateY(-2px) !important; background: linear-gradient(90deg, rgba(242, 41, 91, 0) 0%, rgba(245, 246, 247, 0.29) 100%) !important; border: 1px solid #BE2332 !important; color: #F5F6F7 !important; } } /* -------- FIX v3: container real do dropdown -------- */ @media (max-width: 1024px) { /* Este é o wrapper direto do widget nav-menu (contém o nav.main, o botão hambúrguer e o nav.dropdown como irmãos). Se ELE estiver position:relative (padrão do Elementor), é ele que vira o "containing block" do dropdown absoluto — e como ele é estreito (do tamanho do próprio menu, não do header), o width:100% calcula errado. Forçamos static pra isso subir até o header (sticky). */ .elementor-element-1c8cd37{ position: static !important; } } @media (max-width: 767px) { /* ITEM ATIVO NO MENU MOBILE */ .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown a[aria-current="page"]{ color: #FF8300 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Remove fundo/efeitos do estado ativo do Elementor */ .elementor-nav-menu--dropdown li.current-menu-item > a, .elementor-nav-menu--dropdown li.current_page_item > a, .elementor-nav-menu--dropdown li.current-menu-ancestor > a, .elementor-nav-menu--dropdown li.current-menu-parent > a{ color: #FF8300 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Garante que o hover/focus também não crie a barra branca */ .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--dropdown a:focus, .elementor-nav-menu--dropdown a:active{ background: transparent !important; background-color: transparent !important; box-shadow: none !important; } }/* End custom CSS */