.elementor-1102 .elementor-element.elementor-element-c06fff3{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:64px;--padding-right:64px;--z-index:999;}.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-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-1102 .elementor-element.elementor-element-1d493ae .elementor-menu-toggle{margin-left:auto;background-color:#FF6A0000;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:17px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item{color:#F1F1F1;fill:#F1F1F1;padding-left:24px;padding-right:24px;padding-top:12px;padding-bottom:12px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item:focus{color:#080808;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F1F1F1;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--pointer-framed .elementor-item:before,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .e--pointer-framed .elementor-item:after{border-color:#F1F1F1;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#080808;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#F1F1F1;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#F1F1F1;}.elementor-1102 .elementor-element.elementor-element-1d493ae{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-item:before{border-radius:31px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:31px 31px 0 0;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 31px 31px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 31px 31px 0;}.elementor-1102 .elementor-element.elementor-element-1d493ae .e--animation-shutter-in-vertical .elementor-item:after{border-radius:31px 0 0 31px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a, .elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-menu-toggle{color:#F1F1F1;fill:#F1F1F1;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown{background-color:#F1F1F100;border-radius:0px 0px 0px 0px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a:hover,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a:focus,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-menu-toggle:hover,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-menu-toggle:focus{color:#F1F1F1CC;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a:hover,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a:focus,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a.highlighted{background-color:#F1F1F100;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a.elementor-item-active{color:#F1F1F1CC;background-color:#F1F1F100;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown .elementor-item, .elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a{padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}.elementor-1102 .elementor-element.elementor-element-1d493ae div.elementor-menu-toggle{color:#FF6A00;}.elementor-1102 .elementor-element.elementor-element-1d493ae div.elementor-menu-toggle svg{fill:#FF6A00;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:17px;fill:#F1F1F1;color:#F1F1F1;background-color:#FFFFFF00;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FD6A00;border-radius:32px 32px 32px 32px;padding:12px 24px 12px 24px;}.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button:hover, .elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button:focus{color:#2C1200;background-color:#FD6A00;}.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button:hover svg, .elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button:focus svg{fill:#2C1200;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-1102 .elementor-element.elementor-element-c06fff3{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown a{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-1102 .elementor-element.elementor-element-1d493ae{--nav-menu-icon-size:20px;}.elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-menu-toggle{border-width:0px;border-radius:0px;}}@media(min-width:768px){.elementor-1102 .elementor-element.elementor-element-c06fff3{--content-width:1280px;}}/* Start custom CSS for nav-menu, class: .elementor-element-1d493ae *//* 1. Esconde APENAS o SVG nativo */
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown > a .sub-arrow svg {
    display: none !important;
}

/* 2. Transforma o container original no novo ícone */
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown > a .sub-arrow {
    display: inline-block !important;
    width: 9px !important;
    height: 15px !important;
    margin-left: 8px !important;
    background-color: #F1F1F1 !important; /* Cor padrão */
    -webkit-mask-image: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/dropdown-menu.svg') !important;
    mask-image: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/dropdown-menu.svg') !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    transition: background-color 0.3s ease !important;
}

/* 3. MUDANÇA DE COR: Hover, Highlighted e ATIVO */
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown:hover > a .sub-arrow,
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown > a:hover .sub-arrow,
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown > a.highlighted .sub-arrow,
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown > a.elementor-item-active .sub-arrow,
.elementor-1102 .elementor-element.elementor-element-1d493ae .menu-dropdown.e-active > a .sub-arrow {
    background-color: #080808 !important;
}

/* 4. BACKGROUND APENAS MOBILE (ATÉ 767px) */
@media (max-width: 767px) {
    .elementor-1102 .elementor-element.elementor-element-1d493ae .elementor-nav-menu--dropdown {
        background-color: #0D0D0D !important; /* Sua cor aqui */
    }
} /* <--- ESSA CHAVE FECHA A MEDIA QUERY *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f63091e */.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.342);
  overflow: hidden !important;
  transition-duration: .5s;
}

.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button-text {
  z-index: 2;
  transition: 0.5s;
  position: relative;
}

.elementor-1102 .elementor-element.elementor-element-f63091e:hover .elementor-button-text{
  color: #2C1200 !important; /*mude a cor do texto no hover aqui*/
}

.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button-text::after {
    content: "Entre em contato"; /*mude o texto do botão também por aqui*/
    font-weight: 600;
    white-space: nowrap;
    position: absolute;
    opacity: 0;
    transition-duration: .3s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.elementor-1102 .elementor-element.elementor-element-f63091e .elementor-button-text::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgb(253, 106, 0); /*mude a cor de fundo no hover aqui*/
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition-duration: .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.elementor-1102 .elementor-element.elementor-element-f63091e:hover .elementor-button-text::after{
    opacity: 1;
}


.elementor-1102 .elementor-element.elementor-element-f63091e:hover .elementor-button-text::before {
    transform: scale(20);
    transform-origin: center;
    opacity: 1;
    transition-duration: .5s;
}

.elementor-1102 .elementor-element.elementor-element-f63091e:hover .elementor-button { 
    box-shadow: 0px 0px 5px rgb(253, 106, 0), /*mude as cores do brilho aqui*/
  0px 0px 10px rgb(253, 106, 0),
  0px 0px 30px rgb(253, 106, 0);
    transition-duration: .7s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c06fff3 */.elementor-1102 .elementor-element.elementor-element-c06fff3 {
    transition: 0.5s;
}

.elementor-1102 .elementor-element.elementor-element-c06fff3.elementor-sticky--effects {
    background: #000000E6;
}

/* 1. Cores do Dropdown quando o Sticky está ativo */
.elementor-1102 .elementor-element.elementor-element-c06fff3.elementor-sticky--effects .elementor-nav-menu--main .sub-menu,
.elementor-1102 .elementor-element.elementor-element-c06fff3.elementor-sticky--effects .elementor-nav-menu--main .elementor-nav-menu--dropdown {
    background-color: #F1F1F1 !important;
    border-radius: 32px !important;
    padding: 5px;
}

/* 2. Estilo dos itens (Links) dentro do Dropdown */
.elementor-1102 .elementor-element.elementor-element-c06fff3.elementor-sticky--effects .elementor-nav-menu--main .sub-menu li a {
    color: #080808 !important; /* Cor do texto */
    transition: all 0.3s ease;   /* Suavidade para o hover */
}/* End custom CSS */