.elementor-404 .elementor-element.elementor-element-450e3e8{--display:flex;--position:fixed;--min-height:15vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9;}body:not(.rtl) .elementor-404 .elementor-element.elementor-element-450e3e8{left:0px;}body.rtl .elementor-404 .elementor-element.elementor-element-450e3e8{right:0px;}.elementor-404 .elementor-element.elementor-element-e6f37ab{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-404 .elementor-element.elementor-element-3338d4f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-404 .elementor-element.elementor-element-3338d4f.elementor-element{--align-self:flex-start;}.elementor-404 .elementor-element.elementor-element-3338d4f img{width:100%;height:70px;object-fit:contain;object-position:center left;}.elementor-404 .elementor-element.elementor-element-a55fed7.elementor-element{--align-self:flex-start;}.elementor-404 .elementor-element.elementor-element-a55fed7{text-align:left;}.elementor-404 .elementor-element.elementor-element-a55fed7 img{width:100%;height:70px;object-fit:contain;object-position:center left;}.elementor-404 .elementor-element.elementor-element-459e647{--display:flex;--justify-content:center;}.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-404 .elementor-element.elementor-element-701e206 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:15px;font-weight:600;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item:focus{color:#0073AF;fill:#0073AF;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-701e206{--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a, .elementor-404 .elementor-element.elementor-element-701e206 .elementor-menu-toggle{color:var( --e-global-color-3dfdc98 );fill:var( --e-global-color-3dfdc98 );}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a:hover,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a:focus,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-menu-toggle:hover,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-menu-toggle:focus{color:var( --e-global-color-3dfdc98 );}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a:hover,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a:focus,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-701e206 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-3dfdc98 );background-color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-701e206 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-701e206 div.elementor-menu-toggle svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-404 .elementor-element.elementor-element-e6f37ab{--width:20%;}.elementor-404 .elementor-element.elementor-element-459e647{--width:80%;}}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-450e3e8{--min-height:15vh;}.elementor-404 .elementor-element.elementor-element-e6f37ab{--width:40%;}.elementor-404 .elementor-element.elementor-element-459e647{--width:60%;--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:15px;}.elementor-404 .elementor-element.elementor-element-459e647.e-con{--align-self:stretch;}.elementor-404 .elementor-element.elementor-element-701e206{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:26px;}.elementor-404 .elementor-element.elementor-element-701e206.elementor-element{--align-self:flex-end;}}/* Start custom CSS for nav-menu, class: .elementor-element-701e206 */.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    border-width: 3px 0px 0px 0px;
    border-color: #044686;
    border-style: solid;
    margin-top: 28px;
    height: 85vh !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-450e3e8 *//* Header transparente inicialmente */
.meu-header {
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.6s ease, box-shadow 0.6s ease;
}

/* Header com cor sólida ao rolar */
.meu-header.scrolled {
  background-color: white; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-color: #044686;
  border-width: 0px 0px 3px 0px !important;
}

/* Posicionamento e transição dos logos */
.logo-white,
.logo-colored {
position: absolute;
top: 50%;
transform: translate(-0%, -50%);
transition: opacity 0.3s ease;
}
/* Logo branco visível no topo */

.logo-white {
  opacity: 1;
  z-index: 2;
}

/* Logo colorido invisível no topo */
.logo-colored {
  opacity: 0;
  z-index: 1;
}

/* Quando o header ganha a classe 'scrolled', invertemos */
.meu-header.scrolled .logo-white {
  opacity: 0;
}

.meu-header.scrolled .logo-colored {
  opacity: 1;
}

.logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}


.meu-header.scrolled .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
    color: black !important;
}

.meu-header.scrolled .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover {
    color: #0073AF !important;
}

.meu-header.scrolled .elementor-menu-toggle__icon--open.e-font-icon-svg.e-eicon-menu-bar {
    fill: #044686 !important;
    
}

.meu-header.scrolled .elementor-menu-toggle__icon--close.e-font-icon-svg.e-eicon-close {
    fill: #044686 !important;
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-Regular.woff2') format('woff2'),
		url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-SemiBold.woff2') format('woff2'),
		url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-Bold.woff2') format('woff2'),
		url('https://www.djetransportes.com.br/wp-content/uploads/2025/07/Outfit-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */