.elementor-225 .elementor-element.elementor-element-3abbc09{--display:flex;}.elementor-225 .elementor-element.elementor-element-6ecd78a{--display:flex;}.elementor-225 .elementor-element.elementor-element-1e4b183{--display:flex;}body.elementor-page-225:not(.elementor-motion-effects-element-type-background), body.elementor-page-225 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060D1F;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c556061 *//* ANIMAÇÃO DO FUNDO */
@keyframes fluxoEnergia {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.ejeet-portfolio-hero {
    /* Gradiente dinâmico com tons de azul ultra-escuro e toques de luz */
    background: linear-gradient(-45deg, #050b14, #0A1024, #121d3a, #060D1F);
    background-size: 400% 400%;
    animation: fluxoEnergia 12s ease infinite;
    padding: 120px 20px;
    text-align: center;
    position: relative;
    border-bottom: 2px solid rgba(255, 204, 41, 0.3);
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
}

/* Efeito de luz no topo */
.ejeet-portfolio-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: transparent;
    box-shadow: 0 0 30px 2px #FFCC29;
}

.ejeet-portfolio-hero .hero-content {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ejeet-portfolio-hero .hero-title {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-size: 52px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    /* Brilho neon no texto */
    text-shadow: 0 0 20px rgba(255, 204, 41, 0.4), 0 0 40px rgba(255, 204, 41, 0.1);
}

.ejeet-portfolio-hero .hero-subtitle {
    color: #CBD5E1;
    font-size: 19px;
    line-height: 1.7;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be09c41 *//* ======================================================== */
/* CSS PREMIUM DINÂMICO - INSTALAÇÕES ELÉTRICAS (BLOCO 2)   */
/* ======================================================== */

.ejeet-block-eletrica {
    background-color: #030610; 
    padding: 100px 20px;
    font-family: 'Raleway', sans-serif;
    overflow: hidden; /* Evita que o raio passe para fora da tela */
}

.ejeet-block-eletrica .section-title {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-size: 42px; 
    font-weight: 800;
    text-align: center;
    margin-bottom: 70px;
    letter-spacing: -1px;
}

/* Linha amarela abaixo do título */
.ejeet-block-eletrica .section-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background-color: #FFCC29;
    margin: 15px auto 0;
    box-shadow: 0 0 15px rgba(255, 204, 41, 0.6);
}

/* ========================================= */
/* EFEITOS DA MÁQUINA DE ESCREVER            */
/* ========================================= */
.letra-maquina {
    opacity: 0; 
    display: inline-block;
    animation: aparecerLetra 0.1s forwards; 
}

@keyframes aparecerLetra {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.cursor-piscante {
    color: #FFCC29; 
    font-weight: 300;
    margin-left: 4px;
    animation: piscar 0.9s infinite;
}

@keyframes piscar {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
/* ========================================= */

.ejeet-block-eletrica .portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 45px;
    max-width: 1240px;
    margin: 0 auto;
}

.ejeet-block-eletrica .eletrica-card {
    background: #0A1024;
    border: 1px solid #1A2442;
    border-radius: 4px; 
    overflow: hidden;
    position: relative;
    transition: transform 0.4s ease-in-out;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

/* ========================================= */
/* O NOVO EFEITO: RAIO E CHOQUE ELÉTRICO     */
/* ========================================= */

/* O feixe de luz invisível aguardando */
.ejeet-block-eletrica .eletrica-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    /* Gradiente que simula o feixe de luz / raio */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255, 204, 41, 0.5) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Deixa a luz na diagonal */
    z-index: 5;
    pointer-events: none; /* Para não atrapalhar o clique */
}

/* A cintilação do choque ao passar o mouse */
@keyframes pulsoEletrico {
    0%   { box-shadow: 0 0 5px #FFCC29; border-color: #1A2442; }
    20%  { box-shadow: 0 0 50px #FFF; border-color: #FFF; } /* Clarão forte rápido */
    40%  { box-shadow: 0 0 10px #FFCC29; border-color: #FFCC29; }
    60%  { box-shadow: 0 0 40px #FFCC29; border-color: #FFF; }
    100% { box-shadow: 0 20px 40px rgba(0,0,0,0.8), 0 0 30px rgba(255,204,41,0.25); border-color: #FFCC29; }
}

/* Animação do raio cruzando o card */
@keyframes raioCruzando {
    0%   { left: -150%; }
    100% { left: 200%; }
}

.ejeet-block-eletrica .eletrica-card:hover {
    transform: translateY(-8px);
    animation: pulsoEletrico 0.3s forwards; /* Aplica o choque elétrico */
}

.ejeet-block-eletrica .eletrica-card:hover::after {
    animation: raioCruzando 0.6s ease-out; /* O feixe de luz cruza a tela rápido */
}
/* ========================================= */

.ejeet-block-eletrica .card-imagem {
    height: 280px; 
    background-size: cover;
    background-position: center;
    position: relative;
    border-bottom: 2px solid #1A2442;
    transition: all 0.5s ease;
}

.ejeet-block-eletrica .card-imagem::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(3,6,16,0.2) 0%, rgba(3,6,16,0.8) 100%);
    transition: opacity 0.4s ease;
}

.ejeet-block-eletrica .eletrica-card:hover .card-imagem {
    border-bottom-color: #FFCC29;
}

.ejeet-block-eletrica .eletrica-card:hover .card-imagem::before {
    opacity: 0.3; 
}

.ejeet-block-eletrica .card-info {
    padding: 35px 30px;
    position: relative;
    z-index: 2;
}

.ejeet-block-eletrica .card-info h3 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 15px 0;
    letter-spacing: -0.5px;
    transition: color 0.3s ease;
}

.ejeet-block-eletrica .eletrica-card:hover .card-info h3 {
    color: #FFCC29;
}

.ejeet-block-eletrica .card-info p {
    color: #A0ABC0;
    font-size: 16px;
    margin: 0 0 30px 0;
    line-height: 1.7;
    font-weight: 400;
}

.ejeet-block-eletrica .tag-amarela {
    display: inline-block;
    background: #FFCC29;
    color: #030610; 
    padding: 8px 18px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.ejeet-block-eletrica .eletrica-card:hover .tag-amarela {
    box-shadow: 0 0 20px rgba(255, 204, 41, 0.4);
    transform: translateX(5px); 
}/* End custom CSS */