.elementor-934 .elementor-element.elementor-element-2a815729{--display:flex;--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;--margin-top:0em;--margin-bottom:-7em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;--z-index:99;}.elementor-934 .elementor-element.elementor-element-2a815729:not(.elementor-motion-effects-element-type-background), .elementor-934 .elementor-element.elementor-element-2a815729 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0118FA;}.elementor-934 .elementor-element.elementor-element-778f049e{--display:flex;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:99;}.elementor-934 .elementor-element.elementor-element-32369ba4{--display:flex;}.elementor-934 .elementor-element.elementor-element-5fb85553{text-align:start;}.elementor-934 .elementor-element.elementor-element-5fb85553 img{height:49px;object-fit:contain;object-position:center center;}.elementor-934 .elementor-element.elementor-element-9841cc4{--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:flex-end;--align-items:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-934 .elementor-element.elementor-element-4c180ec .elementor-menu-toggle{margin:0 auto;}.elementor-934 .elementor-element.elementor-element-4c180ec .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:700;}.elementor-934 .elementor-element.elementor-element-4c180ec .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-934 .elementor-element.elementor-element-5415b7d3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-934 .elementor-element.elementor-element-6bd53941{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-934 .elementor-element.elementor-element-6bd53941 > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-accent ) 0%, var( --e-global-color-044b931 ) 80%);}.elementor-934 .elementor-element.elementor-element-6bd53941 .elementor-divider-separator{width:1px;margin:0 auto;margin-center:0;}.elementor-934 .elementor-element.elementor-element-6bd53941 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.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-934 .elementor-element.elementor-element-2a815729{--margin-top:0em;--margin-bottom:-6em;--margin-left:0em;--margin-right:0em;}.elementor-934 .elementor-element.elementor-element-778f049e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-934 .elementor-element.elementor-element-2a815729{--margin-top:0em;--margin-bottom:-5em;--margin-left:0em;--margin-right:0em;}.elementor-934 .elementor-element.elementor-element-778f049e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-934 .elementor-element.elementor-element-32369ba4{--width:80%;}.elementor-934 .elementor-element.elementor-element-5fb85553 img{height:42px;}.elementor-934 .elementor-element.elementor-element-9841cc4{--width:20%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-934 .elementor-element.elementor-element-32369ba4{--width:20%;}.elementor-934 .elementor-element.elementor-element-9841cc4{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-934 .elementor-element.elementor-element-32369ba4{--width:30%;}.elementor-934 .elementor-element.elementor-element-9841cc4{--width:70%;}}/* Start custom CSS for image, class: .elementor-element-5fb85553 */.elementor-934 .elementor-element.elementor-element-5fb85553 {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0%, 100%{
        transform: translate(0,  0px);
    }
    80%{
        transform: translate(0, 5px);
    }
} 
/* ANIMAÇÃO DE TRAÇOS BRILHANTES NA PRIMEIRA ENTRADA */
.site-logo,
.custom-logo,
.logo-youx {
    position: relative;
    cursor: pointer;
}

/* Efeito de traços brilhantes (só na primeira vez) */
.site-logo::before,
.custom-logo::before,
.logo-youx::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: inherit;
    background: linear-gradient(45deg, transparent, transparent);
    z-index: -1;
    opacity: 0;
}

/* Animação que roda apenas uma vez */
.logo-animacao-inicial {
    animation: tracosBrilhantes 3s ease-in-out forwards;
}

@keyframes tracosBrilhantes {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
        background: linear-gradient(45deg, #b47cfd, transparent, transparent, transparent);
    }
    25% {
        background: linear-gradient(45deg, transparent, #f882c4, transparent, transparent);
    }
    40% {
        background: linear-gradient(45deg, transparent, transparent, #ffab7f, transparent);
    }
    55% {
        background: linear-gradient(45deg, transparent, transparent, transparent, #b47cfd);
    }
    70% {
        background: linear-gradient(45deg, #f882c4, #ffab7f, #b47cfd, #f882c4);
    }
    85% {
        background: linear-gradient(45deg, #ffab7f, #b47cfd, #f882c4, #ffab7f);
    }
    100% {
        opacity: 0;
        background: linear-gradient(45deg, transparent, transparent, transparent, transparent);
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-4c180ec *//* === MENU YOUX - ELEMENTOR CSS === */
/* IMPORT DA FONTE OUTFIT */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* ITENS DO MENU PRINCIPAL */
.elementor-nav-menu .menu-item a {
    position: relative !important;
    transition: all 0.3s ease !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    color: #ffffff !important;
}

/* Efeito de gradiente no hover */
.elementor-nav-menu .menu-item a:hover {
    background: linear-gradient(90deg, #b47cfd, #f882c4, #ffab7f) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    transform: scale(1.05) !important;
    text-shadow: 0 0 10px rgba(180, 124, 253, 0.5) !important;
}

/* Efeito floating nos itens do menu */
.elementor-nav-menu .menu-item {
    animation: floating-youx 3s ease-in-out infinite !important;
}

@keyframes floating-youx {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-3px);
    }
}

/* Delay nas animações dos itens do menu */
.elementor-nav-menu .menu-item:nth-child(1) { animation-delay: 0s !important; }
.elementor-nav-menu .menu-item:nth-child(2) { animation-delay: 0.3s !important; }
.elementor-nav-menu .menu-item:nth-child(3) { animation-delay: 0.6s !important; }
.elementor-nav-menu .menu-item:nth-child(4) { animation-delay: 0.9s !important; }
.elementor-nav-menu .menu-item:nth-child(5) { animation-delay: 1.2s !important; }

/* MENU MOBILE - Elementor */
.elementor-menu-toggle {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
}

.elementor-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.elementor-menu-toggle svg {
    fill: white !important;
}

/* DROPDOWN DO MENU MOBILE - METADE SUPERIOR DA TELA */
.elementor-nav-menu--dropdown {
    background: rgba(10, 10, 20, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 0 20px 20px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 50vh !important; /* METADE DA TELA */
    max-height: 50vh !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 80px 20px 20px 20px !important;
    margin: 0 !important;
    overflow-y: auto !important;
}

/* Itens do menu mobile */
.elementor-nav-menu--dropdown .menu-item {
    margin: 10px 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 300px !important;
}

.elementor-nav-menu--dropdown .menu-item a {
    color: white !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    font-family: 'Outfit', sans-serif !important;
    display: block !important;
    width: 100% !important;
    border-radius: 10px !important;
}

.elementor-nav-menu--dropdown .menu-item a:hover {
    background: linear-gradient(90deg, #b47cfd, #f882c4, #ffab7f) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    transform: scale(1.05) !important;
    text-shadow: 0 0 15px rgba(180, 124, 253, 0.7) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Botão de fechar do menu mobile */
.elementor-menu-toggle.elementor-active {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 10000 !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Container do dropdown */
.elementor-widget-nav-menu .elementor-widget-container {
    position: relative !important;
}

/* Overlay de fundo sutil */
.elementor-nav-menu--dropdown:before {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(10, 10, 20, 0.7) !important;
    z-index: -1 !important;
}

/* Scroll personalizado para o menu */
.elementor-nav-menu--dropdown::-webkit-scrollbar {
    width: 4px !important;
}

.elementor-nav-menu--dropdown::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #b47cfd, #f882c4) !important;
    border-radius: 10px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5415b7d3 */@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px -20px #3070EE;
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0px 0px 0px 30px transparent;
    }

    100% {
        transform: scale(1);
        box-shadow: 0px 0px 0px 0px transparent;
    }
}

.elementor-934 .elementor-element.elementor-element-5415b7d3 .elementor-button {
    margin-top: 5px;
  animation: pulse 1.50s infinite;
}

.elementor-934 .elementor-element.elementor-element-5415b7d3 .elementor-button:hover {
    animation: none;
}/* End custom CSS */