.elementor-105178 .elementor-element.elementor-element-106be54{--display:flex;}.elementor-105178 .elementor-element.elementor-element-5ea0ab8{--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;}.elementor-105178 .elementor-element.elementor-element-5ea0ab8:not(.elementor-motion-effects-element-type-background), .elementor-105178 .elementor-element.elementor-element-5ea0ab8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfa27d8 );}.elementor-105178 .elementor-element.elementor-element-045c793{--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;}.elementor-105178 .elementor-element.elementor-element-aa4ae54{--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;}.elementor-105178 .elementor-element.elementor-element-aa4ae54:not(.elementor-motion-effects-element-type-background), .elementor-105178 .elementor-element.elementor-element-aa4ae54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfa27d8 );}.elementor-105178 .elementor-element.elementor-element-75d92b3{--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;}.elementor-105178 .elementor-element.elementor-element-935fddc{--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;}.elementor-105178 .elementor-element.elementor-element-97836e2{--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;}.elementor-105178 .elementor-element.elementor-element-dea66ee{--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;}.elementor-105178 .elementor-element.elementor-element-dea66ee:not(.elementor-motion-effects-element-type-background), .elementor-105178 .elementor-element.elementor-element-dea66ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfa27d8 );}body.elementor-page-105178:not(.elementor-motion-effects-element-type-background), body.elementor-page-105178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-448ecfa );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-106be54 *//* 1. PREPARA O CONTAINER */
.elementor-105178 .elementor-element.elementor-element-106be54 {
    position: relative !important;
}

/* 2. DESENHA AS BARRAS POR CIMA DO FUNDO PRETO */
.elementor-105178 .elementor-element.elementor-element-106be54::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 1 !important; /* Aqui está a mágica: puxa as barras para frente do fundo */
    
    background-image: 
        /* Aumentei levemente a opacidade para garantir que fiquem visíveis */
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, transparent 199px, rgba(0, 71, 171, 0.2) 200px, transparent 201px),
        radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.6) 100%) !important;
    background-size: 40px 100%, 200px 100%, 100% 100% !important;
}

/* 3. PROTEGE OS TEXTOS E BOTÕES */
.elementor-105178 .elementor-element.elementor-element-106be54 > * {
    position: relative !important;
    z-index: 2 !important; /* Empurra todo o conteúdo para ficar acima das barras */
}
}
}

/* --- 2. CORREÇÃO DO SELO (BADGE) --- */
/* Remove o fundo e bordas padrão do widget para o nosso CSS assumir */
.badge-mester-total {
    background: rgba(0, 71, 171, 0.1) !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 71, 171, 0.4) !important;
    display: inline-block !important;
    width: auto !important;
}

/* Força a cor do texto e alinhamento da bolinha */
.badge-mester-total .elementor-heading-title {
    color: #4da6ff !important; /* Azul claro iluminado */
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* A bolinha única (agora ancorada apenas no título) */
.badge-mester-total .elementor-heading-title::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #4da6ff;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 10px rgba(77, 166, 255, 0.5);
}

/* --- 3. AJUSTES DO TÍTULO PRINCIPAL --- */
#hero-mester-total h1 {
    color: #F8F9FA !important;
}

#hero-mester-total .destaque-azul {
    color: #0047AB !important;
    text-shadow: 0 0 10px rgba(0, 71, 171, 0.3) !important;
}

/* --- 4. EFEITO PREMIUM DO BOTÃO HERO --- */

/* Reset do Elementor e Estilo Base (Mais Enxuto) */
.btn-mester-hero .elementor-button {
    background: linear-gradient(90deg, #0047AB 0%, #003a8c 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1rem !important; /* Tamanho da fonte mais contido */
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    
    /* Aqui está o segredo do tamanho: Padding (Cima/Baixo e Esquerda/Direita) */
    padding: 16px 35px !important; 
    
    border-radius: 6px !important; /* Arredondamento mais moderno */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 1;
    
    /* Pulso Constante (Aura) */
    animation: heroPulse 2.5s infinite !important;
}
    /* Pulso Constante (Aura) */
    animation: heroPulse 2.5s infinite !important;
}

/* O Feixe de Luz (Escondido na esquerda) */
.btn-mester-hero .elementor-button::before {
    content: '';
    position: absolute;
    top: 0; left: -150%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.4), rgba(255,255,255,0));
    transform: skewX(-25deg);
    z-index: -1;
}

/* Efeito ao Passar o Mouse (Hover) */
.btn-mester-hero .elementor-button:hover {
    transform: translateY(-5px) scale(1.02) !important; /* Salto e leve zoom */
    box-shadow: 0 20px 40px rgba(0, 71, 171, 0.6) !important; /* Sombra mais densa */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Borda acende */
    animation: none !important; /* Para o pulso enquanto o mouse está em cima */
}

/* Dispara o feixe de luz no Hover */
.btn-mester-hero .elementor-button:hover::before {
    animation: heroShimmer 0.8s ease forwards;
}

/* --- KEYFRAMES (As Animações Matemáticas) --- */

/* Animação do Pulso */
@keyframes heroPulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 71, 171, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(0, 71, 171, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 71, 171, 0); }
}

/* Animação do Feixe de Luz */
@keyframes heroShimmer {
    0% { left: -150%; }
    100% { left: 250%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-935fddc *//* 1. PREPARA O CONTAINER */
.elementor-105178 .elementor-element.elementor-element-935fddc {
    position: relative !important;
}

/* 2. DESENHA AS BARRAS POR CIMA DO FUNDO PRETO */
.elementor-105178 .elementor-element.elementor-element-935fddc::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 1 !important; /* Aqui está a mágica: puxa as barras para frente do fundo */
    
    background-image: 
        /* Aumentei levemente a opacidade para garantir que fiquem visíveis */
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, transparent 199px, rgba(0, 71, 171, 0.2) 200px, transparent 201px),
        radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.6) 100%) !important;
    background-size: 40px 100%, 200px 100%, 100% 100% !important;
}

/* 3. PROTEGE OS TEXTOS E BOTÕES */
.elementor-105178 .elementor-element.elementor-element-935fddc > * {
    position: relative !important;
    z-index: 2 !important; /* Empurra todo o conteúdo para ficar acima das barras */
}
}
}

/* --- 2. CORREÇÃO DO SELO (BADGE) --- */
/* Remove o fundo e bordas padrão do widget para o nosso CSS assumir */
.badge-mester-total {
    background: rgba(0, 71, 171, 0.1) !important;
    padding: 8px 18px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 71, 171, 0.4) !important;
    display: inline-block !important;
    width: auto !important;
}

/* Força a cor do texto e alinhamento da bolinha */
.badge-mester-total .elementor-heading-title {
    color: #4da6ff !important; /* Azul claro iluminado */
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* A bolinha única (agora ancorada apenas no título) */
.badge-mester-total .elementor-heading-title::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #4da6ff;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 10px rgba(77, 166, 255, 0.5);
}

/* --- 3. AJUSTES DO TÍTULO PRINCIPAL --- */
#hero-mester-total h1 {
    color: #F8F9FA !important;
}

#hero-mester-total .destaque-azul {
    color: #0047AB !important;
    text-shadow: 0 0 10px rgba(0, 71, 171, 0.3) !important;
}

/* --- 4. EFEITO PREMIUM DO BOTÃO HERO --- */

/* Reset do Elementor e Estilo Base (Mais Enxuto) */
.btn-mester-hero .elementor-button {
    background: linear-gradient(90deg, #0047AB 0%, #003a8c 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 1rem !important; /* Tamanho da fonte mais contido */
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    
    /* Aqui está o segredo do tamanho: Padding (Cima/Baixo e Esquerda/Direita) */
    padding: 16px 35px !important; 
    
    border-radius: 6px !important; /* Arredondamento mais moderno */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 1;
    
    /* Pulso Constante (Aura) */
    animation: heroPulse 2.5s infinite !important;
}
    /* Pulso Constante (Aura) */
    animation: heroPulse 2.5s infinite !important;
}

/* O Feixe de Luz (Escondido na esquerda) */
.btn-mester-hero .elementor-button::before {
    content: '';
    position: absolute;
    top: 0; left: -150%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.4), rgba(255,255,255,0));
    transform: skewX(-25deg);
    z-index: -1;
}

/* Efeito ao Passar o Mouse (Hover) */
.btn-mester-hero .elementor-button:hover {
    transform: translateY(-5px) scale(1.02) !important; /* Salto e leve zoom */
    box-shadow: 0 20px 40px rgba(0, 71, 171, 0.6) !important; /* Sombra mais densa */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Borda acende */
    animation: none !important; /* Para o pulso enquanto o mouse está em cima */
}

/* Dispara o feixe de luz no Hover */
.btn-mester-hero .elementor-button:hover::before {
    animation: heroShimmer 0.8s ease forwards;
}

/* --- KEYFRAMES (As Animações Matemáticas) --- */

/* Animação do Pulso */
@keyframes heroPulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 71, 171, 0.6); }
    70% { box-shadow: 0 0 0 20px rgba(0, 71, 171, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 71, 171, 0); }
}

/* Animação do Feixe de Luz */
@keyframes heroShimmer {
    0% { left: -150%; }
    100% { left: 250%; }
}/* End custom CSS */