.elementor-2969 .elementor-element.elementor-element-5388528{--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;--padding-top:70px;--padding-bottom:150px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2969 .elementor-element.elementor-element-4980f68{text-align:center;}.elementor-2969 .elementor-element.elementor-element-4980f68 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2969 .elementor-element.elementor-element-bfaa618{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;border-radius:25px 25px 25px 25px;padding:12px 12px 12px 12px;}.elementor-2969 .elementor-element.elementor-element-f125d4e{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;}.elementor-2969 .elementor-element.elementor-element-f125d4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 35px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;border-radius:25px 25px 25px 25px;padding:12px 12px 12px 12px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f{width:var( --container-widget-width, 27% );max-width:27%;--container-widget-width:27%;--container-widget-flex-grow:0;top:177px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-8bedb5f{left:378px;}body.rtl .elementor-2969 .elementor-element.elementor-element-8bedb5f{right:378px;}.elementor-2969 .elementor-element.elementor-element-ee4c2c1{text-align:center;}.elementor-2969 .elementor-element.elementor-element-ee4c2c1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-2969 .elementor-element.elementor-element-bb91d80{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;top:189px;text-align:center;}body:not(.rtl) .elementor-2969 .elementor-element.elementor-element-bb91d80{left:669px;}body.rtl .elementor-2969 .elementor-element.elementor-element-bb91d80{right:669px;}.elementor-2969 .elementor-element.elementor-element-bb91d80 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;}.elementor-2969 .elementor-element.elementor-element-4ff246d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2969 .elementor-element.elementor-element-4ff246d:not(.elementor-motion-effects-element-type-background), .elementor-2969 .elementor-element.elementor-element-4ff246d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://jrpaduasolucoeseletricas.com.br/wp-content/uploads/2026/04/Background-JR-Padua-P2-scaled.png");}.elementor-2969 .elementor-element.elementor-element-5c7fc4a{text-align:center;}.elementor-2969 .elementor-element.elementor-element-5c7fc4a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;line-height:35px;color:var( --e-global-color-text );}.elementor-2969 .elementor-element.elementor-element-2beb62e{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2969 .elementor-element.elementor-element-2beb62e:not(.elementor-motion-effects-element-type-background), .elementor-2969 .elementor-element.elementor-element-2beb62e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-2969 .elementor-element.elementor-element-5388cf0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2969 .elementor-element.elementor-element-5388cf0:not(.elementor-motion-effects-element-type-background), .elementor-2969 .elementor-element.elementor-element-5388cf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jrpaduasolucoeseletricas.com.br/wp-content/uploads/2026/04/Background-JR-Padua-P2-scaled.png");}.elementor-2969 .elementor-element.elementor-element-b85129b{--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-2969 .elementor-element.elementor-element-2020153{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-text );}.elementor-2969 .elementor-element.elementor-element-14e310b > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2969 .elementor-element.elementor-element-14e310b{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;color:var( --e-global-color-text );}.elementor-2969 .elementor-element.elementor-element-8d6ff6f{--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-2969 .elementor-element.elementor-element-9b5363e{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2969 .elementor-element.elementor-element-b4dfe0c .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-2969 .elementor-element.elementor-element-3ddca25{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:50px;--padding-right:50px;}.elementor-2969 .elementor-element.elementor-element-3ddca25:not(.elementor-motion-effects-element-type-background), .elementor-2969 .elementor-element.elementor-element-3ddca25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2969 .elementor-element.elementor-element-5d37785{text-align:center;}.elementor-2969 .elementor-element.elementor-element-5d37785 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:600;line-height:43px;}.elementor-2969 .elementor-element.elementor-element-29676a4{text-align:center;}.elementor-2969 .elementor-element.elementor-element-29676a4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:19px;}.elementor-2969 .elementor-element.elementor-element-f069f13 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;border-radius:10px 10px 10px 10px;}.elementor-2969 .elementor-element.elementor-element-f069f13{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-2969 .elementor-element.elementor-element-f069f13.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-2969 .elementor-element.elementor-element-b85129b{--width:50%;}.elementor-2969 .elementor-element.elementor-element-8d6ff6f{--width:50%;}}@media(max-width:1024px){.elementor-2969 .elementor-element.elementor-element-f125d4e{--container-widget-width:198px;--container-widget-flex-grow:0;width:var( --container-widget-width, 198px );max-width:198px;}.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button{font-size:11px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f{--container-widget-width:198px;--container-widget-flex-grow:0;width:var( --container-widget-width, 198px );max-width:198px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button{font-size:11px;}.elementor-2969 .elementor-element.elementor-element-14e310b{font-size:17px;}.elementor-2969 .elementor-element.elementor-element-f069f13{--container-widget-width:241px;--container-widget-flex-grow:0;width:var( --container-widget-width, 241px );max-width:241px;}}@media(max-width:767px){.elementor-2969 .elementor-element.elementor-element-f125d4e > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-2969 .elementor-element.elementor-element-f125d4e{--container-widget-width:278px;--container-widget-flex-grow:0;width:var( --container-widget-width, 278px );max-width:278px;}.elementor-2969 .elementor-element.elementor-element-f125d4e.elementor-element{--align-self:center;}.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button{font-size:14px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f{--container-widget-width:392px;--container-widget-flex-grow:0;width:var( --container-widget-width, 392px );max-width:392px;}.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button{font-size:13px;}.elementor-2969 .elementor-element.elementor-element-ee4c2c1 .elementor-heading-title{font-size:17px;}.elementor-2969 .elementor-element.elementor-element-f069f13{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}/* Start custom CSS for button, class: .elementor-element-f125d4e *//* 1. Base do Botão: Trava o estado inicial e as bordas */
.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button {
    --bg-yellow: #FFE400; /* Amarelo Sólido da sua marca */
    --text-blue: #001A4E; /* Azul Escuro */
    --radius: 25px; /* Valor exato do seu arquivo JSON */
    
    position: relative;
    overflow: hidden !important; /* Trava o preenchimento aqui dentro */
    border-radius: var(--radius) !important;
    z-index: 1;
    background-color: var(--bg-yellow) !important;
    color: var(--text-blue) !important;
    border: none !important;
    transition: all 0.5s ease; /* Transição suave de escala e cor */
    isolation: isolate; /* Cria um novo contexto de camadas para o z-index */
}

/* 2. A "Onda" Azul: Prepara o elemento para cobrir tudo */
.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button::after {
    content: "";
    position: absolute;
    
    /* Começa fora do botão (canto inferior direito) */
    top: 115%;
    left: 100%;
    
    /* Tamanho extra (300%) para garantir cobertura total e estática */
    width: 300%;
    height: 300%;
    
    background-color: var(--text-blue);
    border-radius: 50%;
    
    /* Posicionamento inicial: fora da visão */
    transform: translate(-50%, -50%) scale(0.1); /* Começa centralizado fora da borda */
    
    /* Transição suave e direta (Punchy) */
    transition: transform 2.6s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
}

/* --- ESTADO MANTIDO (MOUSE EM CIMA) --- */

.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button:hover {
    color: var(--bg-yellow) !important; /* Inverte o texto para amarelo e MANTÉM */
    transform: scale(1.03); /* Leve crescimento para autoridade visual */
}

.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button:hover::after {
    /* A onda azul entra, cobre o botão inteiro e ESTACIONA lá */
    transform: translate(-50%, -50%) scale(3); /* Cobre tudo e para */
}

/* 3. Proteção do Conteúdo: Garante que o texto não suma sob a onda */
.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button-text,
.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    pointer-events: none; /* Evita que o texto bloqueie o hover */
}

/* Feedback de Clique */
.elementor-2969 .elementor-element.elementor-element-f125d4e .elementor-button:active {
    transform: scale(0.96);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8bedb5f *//* 1. Base do Botão: Trava o estado inicial e as bordas */
.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button {
    --bg-yellow: #FFE400; /* Amarelo Sólido da sua marca */
    --text-blue: #001A4E; /* Azul Escuro */
    --radius: 25px; /* Valor exato do seu arquivo JSON */
    
    position: relative;
    overflow: hidden !important; /* Trava o preenchimento aqui dentro */
    border-radius: var(--radius) !important;
    z-index: 1;
    background-color: var(--bg-yellow) !important;
    color: var(--text-blue) !important;
    border: none !important;
    transition: all 0.5s ease; /* Transição suave de escala e cor */
    isolation: isolate; /* Cria um novo contexto de camadas para o z-index */
}

/* 2. A "Onda" Azul: Prepara o elemento para cobrir tudo */
.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button::after {
    content: "";
    position: absolute;
    
    /* Começa fora do botão (canto inferior direito) */
    top: 115%;
    left: 100%;
    
    /* Tamanho extra (300%) para garantir cobertura total e estática */
    width: 300%;
    height: 300%;
    
    background-color: var(--text-blue);
    border-radius: 50%;
    
    /* Posicionamento inicial: fora da visão */
    transform: translate(-50%, -50%) scale(0.1); /* Começa centralizado fora da borda */
    
    /* Transição suave e direta (Punchy) */
    transition: transform 2.6s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: -1;
}

/* --- ESTADO MANTIDO (MOUSE EM CIMA) --- */

.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button:hover {
    color: var(--bg-yellow) !important; /* Inverte o texto para amarelo e MANTÉM */
    transform: scale(1.03); /* Leve crescimento para autoridade visual */
}

.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button:hover::after {
    /* A onda azul entra, cobre o botão inteiro e ESTACIONA lá */
    transform: translate(-50%, -50%) scale(3); /* Cobre tudo e para */
}

/* 3. Proteção do Conteúdo: Garante que o texto não suma sob a onda */
.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button-text,
.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    pointer-events: none; /* Evita que o texto bloqueie o hover */
}

/* Feedback de Clique */
.elementor-2969 .elementor-element.elementor-element-8bedb5f .elementor-button:active {
    transform: scale(0.96);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5388528 *//* CONFIGURAÇÃO DO CONTAINER */
.elementor-2969 .elementor-element.elementor-element-5388528 {
    --bolinhas-cor: rgba(0, 0, 0, 0.1); /* Cor das bolinhas em repouso */
    --azul-brilho: #00A3FF;              /* AZUL MAIS CLARO (estilo ciano/elétrico) */
    --tamanho-brilho: 400px;             /* TAMANHO REDUZIDO (era 350px) */
    
    position: relative;
    overflow: hidden;
    background-color: #ffffff; 
    z-index: 1;
}

/* Camada base de bolinhas cinzas */
.elementor-2969 .elementor-element.elementor-element-5388528::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: radial-gradient(var(--bolinhas-cor) 1.5px, transparent 1.5px);
    background-size: 30px 30px;
    z-index: -2;
}

/* Camada do Brilho que colore APENAS as bolinhas */
.elementor-2969 .elementor-element.elementor-element-5388528::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    
    background: radial-gradient(
        var(--tamanho-brilho) circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        var(--azul-brilho) 0%, 
        rgba(0, 163, 255, 0.2) 40%, /* Degradê suave do azul claro */
        transparent 100%
    );
    
    /* Máscara para afetar apenas os pontos */
    -webkit-mask-image: radial-gradient(black 1.5px, transparent 1.5px);
    mask-image: radial-gradient(black 1.5px, transparent 1.5px);
    -webkit-mask-size: 30px 30px;
    mask-size: 30px 30px;
    
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.elementor-2969 .elementor-element.elementor-element-5388528:hover::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0b3254 */<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');

.jr-stack-section {
    background-color: #1e3563; /* Azul JR Pádua */
    padding: 100px 20px 20px 20px;
    font-family: 'Poppins', sans-serif;
}

.jr-stack-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.jr-step-card {
    position: sticky;
    top: 60px; 
    width: 100%;
    margin-bottom: 10vh;
}

/* Z-Index para empilhamento */
#hibrido { z-index: 1; }
#offgrid { z-index: 2; }
#entrega { z-index: 3; }

/* Design do Cartão */
.jr-card-content {
    background: #ffffff;
    border-radius: 12px; /* Borda menos arredondada conforme pedido */
    padding: 50px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.15);
    border: 1px solid rgba(255, 255, 255, 0.1); /* Linha fina e clara */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Estilo do Ícone (Igual à imagem de referência) */
.jr-icon-wrapper {
    width: 65px;
    height: 65px;
    background-color: #f8f9fa; /* Fundo cinza bem clarinho */
    border-radius: 12px; /* Acompanha o shape do card */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e3563;
    border: 1px solid rgba(30, 53, 99, 0.05); /* Borda interna sutil */
    margin-bottom: 10px;
}

.jr-icon-wrapper svg {
    width: 32px;
    height: 32px;
    stroke-width: 1.8px;
}

/* Tipografia */
.jr-step-card h3 {
    color: #1e3563;
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.8px;
}

.jr-step-card p {
    color: #555; /* Cinza claro para o texto secundário */
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
    max-width: 600px;
}

.jr-tag {
    display: inline-block;
    color: #1e3563;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #ffe400; /* Detalhe em amarelo */
    padding: 4px 12px;
    width: fit-content;
    border-radius: 4px;
}

/* Lista no último card */
.jr-list {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.jr-list li {
    padding: 10px 0;
    color: #555;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.jr-list li::before {
    content: "";
    width: 8px;
    height: 2px;
    background: #1e3563; /* Linha minimalista em vez de check */
}

/* Botão CTA WhatsApp */
.jr-btn-cta {
    display: inline-block;
    background: #ffe400;
    color: #1e3563;
    text-align: center;
    padding: 18px 40px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 800;
    font-size: 1rem;
    transition: all 0.3s ease;
    width: fit-content;
    box-shadow: 0 5px 15px rgba(255, 228, 0, 0.2);
}

.jr-btn-cta:hover {
    background: #1e3563;
    color: #ffe400;
    transform: translateY(-2px);
}

/* Responsividade */
@media (max-width: 768px) {
    .jr-card-content { padding: 35px 25px; }
    .jr-step-card h3 { font-size: 1.8rem; }
    .jr-step-card { top: 20px; }
}
</style>/* End custom CSS */