.elementor-4137 .elementor-element.elementor-element-618b29d{--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;--margin-top:010px;--margin-bottom:-109px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-4137 .elementor-element.elementor-element-618b29d:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-618b29d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.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-4137 .elementor-element.elementor-element-d6994cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4137 .elementor-element.elementor-element-d6994cf.elementor-element{--align-self:flex-end;}.elementor-4137 .elementor-element.elementor-element-d6994cf{z-index:0;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#38362F;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-menu-toggle{margin-left:auto;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;line-height:1.2em;word-spacing:0px;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item:focus{color:#363531;fill:#363531;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#524B4B;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown a, .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-menu-toggle{color:#2E2A2A;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown a:hover,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-menu-toggle:hover{color:#4F5347F5;}.elementor-4137 .elementor-element.elementor-element-d6994cf div.elementor-menu-toggle{color:#E0D5D5;}.elementor-4137 .elementor-element.elementor-element-d6994cf div.elementor-menu-toggle svg{fill:#E0D5D5;}.elementor-4137 .elementor-element.elementor-element-c1587ac{--display:flex;--min-height:111px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;}.elementor-4137 .elementor-element.elementor-element-c1587ac:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juejoao.art.br/wp-content/uploads/2026/05/IMG_0461-2-scaled.jpeg");background-position:0px 178px;background-size:cover;}.elementor-4137 .elementor-element.elementor-element-c1587ac::before, .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-background-video-container::before, .elementor-4137 .elementor-element.elementor-element-c1587ac > .e-con-inner > .elementor-background-video-container::before, .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-background-slideshow::before, .elementor-4137 .elementor-element.elementor-element-c1587ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}@media(min-width:768px){.elementor-4137 .elementor-element.elementor-element-c1587ac{--width:100%;}}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-4137 .elementor-element.elementor-element-c1587ac:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-4137 .elementor-element.elementor-element-c1587ac:not(.elementor-motion-effects-element-type-background), .elementor-4137 .elementor-element.elementor-element-c1587ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-d6994cf *//* ==========================================================================
   1. FORTALEZA DO COMPUTADOR (DESKTOP ONLY) - BLINDADO
   ========================================================================== */
@media (min-width: 768px) {
    
    /* Efeito Hover Geral no Menu Principal */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu a:hover,
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .elementor-item:hover {
        color: #333333 !important;
        text-shadow: 
            -1px -1px 0 rgba(255, 255, 255, 0.4),  
             1px -1px 0 rgba(255, 255, 255, 0.4),
            -1px  1px 0 rgba(255, 255, 255, 0.4),
             1px  1px 0 rgba(255, 255, 255, 0.4) !important;
        transition: all 0.2s ease-in-out !important;
    }

    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .elementor-item.elementor-item-active {
        color: #333333 !important;
    }

    /* Design da caixinha suspensa de SÉRIES (Somente PC) */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .sub-menu {
        background-color: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 4px !important;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.05) !important;
        padding: 10px 0 !important;
    }

    /* Itens e Hover do submenu no PC */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .sub-menu a.elementor-sub-item {
        color: #333333 !important;
        background-color: transparent !important;
        transition: all 0.2s ease-in-out !important;
    }

    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu .sub-menu a.elementor-sub-item:hover {
        color: #d4a373 !important; 
        background-color: rgba(244, 241, 234, 0.5) !important; 
        padding-left: 22px !important; 
    }
}


/* ==========================================================================
   2. FORTALEZA DO CELULAR (MOBILE ONLY) - CAIXA FLUTUANTE PERFEITA
   ========================================================================== */
@media (max-width: 767px) {
    
    .elementor-4137 .elementor-element.elementor-element-d6994cf, 
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-container {
        background-color: transparent !important;
    }

    /* 1. A CAIXA FLUTUANTE: Sobrepõe o JavaScript do Elementor */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown {
        background-color: #ffffff !important;
        box-shadow: 0px 15px 35px rgba(0,0,0,0.15) !important;
        border-radius: 12px !important;
        border: none !important;
        
        /* A ÂNCORA MÁGICA: Fixa na direita, mas descola da tela e do topo! */
        width: 260px !important; 
        max-width: calc(100vw - 30px) !important; /* Nunca, jamais vaza da tela */
        left: auto !important; 
        right: 15px !important; /* Distância exata da borda direita do celular */
        margin-top: 15px !important; /* Descola do botão de três riscos */
        
        padding: 15px 10px !important;
        box-sizing: border-box !important;
    }

    /* Zera a lista invisível do Elementor */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown ul {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. TEXTOS DO MENU: Alinhados, contidos e confortáveis */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown a,
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown .elementor-item {
        color: #1a1a1a !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        text-align: right !important; 
        
        display: block !important; 
        width: 100% !important;
        padding: 12px 15px !important; 
        box-sizing: border-box !important;
        
        white-space: normal !important; 
        line-height: 1.3 !important;
    }

    /* Setinha ao lado das Séries */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown .sub-arrow {
        display: inline-block !important;
        margin-left: 8px !important; 
        margin-right: 0 !important;
    }

    /* 3. O SUBMENU SÉRIES: O Fim do Erro da Esquerda */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown .sub-menu {
        /* Destrói qualquer traço do código de computador aqui dentro */
        position: relative !important; 
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Textos das séries: Elegantes, com respiro na direita */
    .elementor-4137 .elementor-element.elementor-element-d6994cf .elementor-nav-menu--dropdown .sub-menu a {
        padding-right: 30px !important; /* O recuo que faz a diferença */
        padding-left: 10px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        
        color: #666666 !important; 
        font-size: 14px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-618b29d *//* 1. CONFIGURAÇÃO TRANSPARENTE PARA O SUBMENU NO DESKTOP */
.elementor-4137 .elementor-element.elementor-element-618b29d .sub-menu,
.elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu .sub-menu {
    background-color: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* 2. CONFIGURAÇÃO EXCLUSIVA PARA CELULAR (MOBILE) */
@media (max-width: 767px) {
    
    /* Remove a barra branca de fundo do topo no celular */
    .elementor-4137 .elementor-element.elementor-element-618b29d,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-container,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-row {
        background-color: transparent !important;
        background-image: none !important;
    }

    /* Caixa inteira do menu que desce ao clicar no hambúrguer */
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown {
        background-color: #ffffff !important;
        box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1) !important;
        padding: 20px !important;
        height: auto !important; /* Força a caixa a encolher e se ajustar ao tamanho do texto */
    }

    /* FORÇA os botões principais e submenus a ficarem pretos/visíveis no celular */
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown a,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .elementor-item,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .sub-menu a,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .elementor-sub-item {
        color: #1a1a1a !important;
        font-weight: 500 !important;
        background-color: transparent !important;
        text-shadow: none !important;
    }

    /* Ajusta o espaçamento para os links não ficarem espalhados ou longe */
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .elementor-item {
        padding: 12px 0 !important;
        margin: 0 !important;
    }

    /* Deixa a caixinha interna das séries organizada e com recuo sutil */
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .sub-menu {
        background-color: #fcfcfc !important; 
        padding-left: 15px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        border: none !important;
        box-shadow: none !important;
        display: none; /* Garante que ela suma totalmente do espaço quando fechada */
    }

    /* Mostra o submenu apenas quando estiver ativo/aberto */
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .elementor-item-has-children.elementor-item-active .sub-menu,
    .elementor-4137 .elementor-element.elementor-element-618b29d .elementor-nav-menu--dropdown .sub-menu.elementor-active {
        display: block !important;
    }
}/* End custom CSS */