.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   MASTER CSS GLOBAL: LAYOUT, MENU, WHATSAPP E HEADER
   ============================================================ */

/* --- 1. AJUSTES GLOBAIS (Desktop & Mobile) --- */

.ha-scroll-to-top-button,
.elementor-field-type-recaptcha_v3 {
    display: none !important;
}

/* HEADER BASE: Transparente no início para o fade funcionar */
header, .elementor-location-header {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    background-color: rgba(38, 38, 38, 0) !important; 
    transition: background-color 0.5s ease-in-out, all 0.4s ease-in-out !important;
    z-index: 9999 !important;
}

/* COR NO SCROLL: Ativa após o offset definido no Elementor */
.elementor-sticky--effects {
    background-color: #262626 !important; 
}

#whatsapp-fixo {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 99999;
    margin: 0;
    padding: 0;
}

/* --- 2. AJUSTES ESPECÍFICOS PARA MOBILE (Até 767px) --- */

@media (max-width: 767px) {
    
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #whatsapp-fixo {
        bottom: 15px;
        right: 15px;
    }

    /* C. MENU DROPDOWN (Estilo App) */
    .elementor-nav-menu--dropdown:not(#menu-simples) {
        position: fixed !important;
        top: 90px !important; 
        left: 0 !important;
        width: 100vw !important;
        height: auto !important;
        max-height: calc(100vh - 60px) !important; 
        overflow-y: auto !important; 
        background: #262626 !important;
        z-index: 99999 !important;
        padding-top: 15px !important; 
    }

    .elementor-nav-menu--dropdown:not(#menu-simples) li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mata o vácuo abaixo do item pai */
    .elementor-nav-menu--dropdown:not(#menu-simples) .elementor-item-has-children {
        padding-bottom: 0 !important;
    }

    .elementor-nav-menu--dropdown:not(#menu-simples) a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 15px 20px !important; 
        color: #fff !important;
        margin: 0 !important;
    }

    /* SUBMENU (SEM ESPAÇOS E COM FONTE MAIOR) */
    .elementor-nav-menu--dropdown:not(#menu-simples) .sub-menu {
        position: relative !important;
        background-color: #333333 !important;
        padding: 0 !important;
        margin: 0 !important;
        top: 0 !important;
        width: 100% !important;
        border: none !important;
    }

    .elementor-nav-menu--dropdown:not(#menu-simples) .sub-menu a {
        padding: 14px 20px 14px 35px !important; 
        font-size: 1.15em !important; /* FONTE AUMENTADA CONFORME PEDIDO */
        border-top: 1px solid rgba(255,255,255,0.05);
    }

    .elementor-nav-menu--dropdown:not(#menu-simples) .sub-arrow {
        position: relative !important;
        margin-left: 10px !important;
        transform: none !important;
    }

    /* D. CONTEÚDO FULL WIDTH */
    .elementor-section-wrap > .elementor-section:first-child:not(#sessao-preservada),
    .elementor-widget-slider:not(#sessao-preservada), 
    .elementor-main-swiper:not(#sessao-preservada),
    .elementor-widget-video:not(#sessao-preservada) {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* E. FIX FOOTER E TEXTO SEGURO */
    footer, .elementor-location-footer {
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        position: relative !important;
    }

    /* Protege a leitura de nomes como Fairbanks */
    p, span, a, h1, h2, h3, .elementor-heading-title {
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
    }

    .elementor-element-6c98286 a, .elementor-element-6c98286 span {
        word-break: break-all !important;
    }

    /* F. ZERANDO ESPAÇO NO TOPO */
    #page, #content, .site-content, .elementor-section-wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .elementor-widget-slider:not(#sessao-preservada) {
        margin-top: -10px !important;
    }
}

/* --- CORREÇÃO PARA O NOVO INDICADOR DO ELEMENTOR --- */

/* 1. Organiza o item pai para que o texto e a seta fiquem na ordem certa */
.elementor-nav-menu--main .menu-item-has-children {
    display: flex !important;
    flex-direction: row !important; /* Força texto esquerda e seta direita */
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 2. Trata o texto do menu (O Espaço) */
.elementor-nav-menu--main .menu-item-has-children > a:not(.has-submenu) {
    order: 1 !important;
    padding-right: 5px !important; /* Espacinho entre o nome e a seta */
}

/* 3. Trata a bendita seta (o elemento .has-submenu que você viu) */
.elementor-nav-menu--main .has-submenu {
    order: 2 !important; /* Joga para a direita */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    opacity: 1 !important; /* Tira o aspecto apagado */
    width: auto !important;
    margin: 0 !important;
}

/* 4. Força a cor da seta para branco */
.elementor-nav-menu--main .has-submenu svg {
    fill: #ffffff !important;
    width: 12px !important;
}

/* 5. Faz o menu abrir ao passar o mouse no item inteiro, não só na seta */
.elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* --- AJUSTE DE RESPIRO DO SUBMENU (DROPDOWN) --- */

/* 1. Dá altura e preenchimento para os links dentro do submenu */
.elementor-nav-menu--main .sub-menu a {
    padding: 15px 25px !important; /* Aumente o 15px se quiser mais espaço entre as linhas */
    display: flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
}

/* 2. Garante uma largura mínima para o menu não ficar "espremido" lateralmente */
.elementor-nav-menu--main .sub-menu {
    min-width: 230px !important; /* Ajuste conforme o tamanho dos seus textos */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #262626 !important; /* Mantém o fundo escuro conforme seu header */
}

/* 3. Efeito de hover nos itens do submenu (Opcional, para ficar elegante) */
.elementor-nav-menu--main .sub-menu a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    padding-left: 30px !important; /* Dá um leve pulinho para a direita no hover */
}/* End custom CSS */