.elementor-kit-3792{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#9F1239;--e-global-color-text:#9F1239;--e-global-color-accent:#8B5CF6;--e-global-color-46bb534:#050505;--e-global-color-2c152e55:#54595F;--e-global-color-1eb114ff:#7A7A7A;--e-global-color-3b301815:#8B5CF6;--e-global-color-66bb3d4a:#050505;--e-global-color-42c3231e:#23A455;--e-global-color-2304d8e0:#000;--e-global-color-64830878:#FFF;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cinzel";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Merriweather";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Merriweather";--e-global-typography-accent-font-weight:500;color:#9F1239;font-family:"Cinzel";}.elementor-kit-3792 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #FFBC7D 0%, #f2295b 100%);}.elementor-kit-3792 h1{font-family:"Cinzel";}.elementor-kit-3792 h2{font-family:"Merriweather";}.elementor-kit-3792 h3{font-family:"Merriweather";}.elementor-kit-3792 h4{font-family:"Merriweather";}.elementor-kit-3792 h5{font-family:"Merriweather";}.elementor-kit-3792 h6{font-family:"Merriweather";}.elementor-kit-3792 button,.elementor-kit-3792 input[type="button"],.elementor-kit-3792 input[type="submit"],.elementor-kit-3792 .elementor-button{color:#8B5CF6;}.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);}@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 *//* --- CSS GLOBAL MYSTIKA --- */

/* 1. Fundo Geral do Site para garantir o Dark Mode */
body, html {
    background-color: #050505 !important;
    color: #e5e5e5;
}

/* 2. Seleção de Texto (O efeito roxo quando seleciona o texto) */
::selection {
    background-color: #8b5cf6;
    color: #ffffff;
}

/* 3. Barra de Rolagem Personalizada (Estilo Dark) */
/* Funciona em Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #121212; 
}
::-webkit-scrollbar-thumb {
    background: #333333; 
    border-radius: 5px;
    border: 2px solid #121212;
}
::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6; /* Fica roxo ao passar o mouse */
}

/* 4. Títulos com Fonte Cinzel (Caso o tema não puxe) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 1px;
}

/* 5. Efeito Glitch no Logo ou Títulos Especiais */
/* Adicione a classe CSS "glitch-effect" no widget do Elementor para usar */
.glitch-effect:hover {
    text-shadow: 2px 0 #9f1239, -2px 0 #8b5cf6;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 6. Botões Estilo Mystika */
/* Aplica em botões padrão do Elementor */
.elementor-button {
    background-color: #8b5cf6 !important;
    color: #fff !important;
    border-radius: 50px !important; /* Botão Redondo */
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase;
    font-weight: bold;
    transition: transform 0.3s ease !important;
}

.elementor-button:hover {
    background-color: #7c3aed !important; /* Roxo mais escuro */
    transform: scale(1.05); /* Cresce um pouco */
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.5); /* Brilho neon */
}

/* 7. Caixas de Artigos (Cards) */
/* Se usar o widget de Posts clássico */
.elementor-post {
    background-color: #121212;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    transition: transform 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

.elementor-post:hover {
    transform: translateY(-5px); /* Sobe um pouco */
    border-color: rgba(139, 92, 246, 0.5); /* Borda roxa suave */
}

.elementor-post__title a {
    color: #ffffff !important;
}

.elementor-post__title a:hover {
    color: #8b5cf6 !important;
}

.elementor-post__excerpt p {
    color: #a3a3a3; /* Cinza claro para leitura */
    font-family: 'Merriweather', serif;
}/* End custom CSS */