.elementor-1685 .elementor-element.elementor-element-75ba388{--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1685 .elementor-element.elementor-element-72da0f6{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1685 .elementor-element.elementor-element-88f90cb{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1685 .elementor-element.elementor-element-6f25551{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1685 .elementor-element.elementor-element-873657a{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1685 .elementor-element.elementor-element-c91e798{--display:flex;}.elementor-1685 .elementor-element.elementor-element-05c930c{--display:flex;}.elementor-1685 .elementor-element.elementor-element-1cec0a8{--display:flex;}body.elementor-page-1685:not(.elementor-motion-effects-element-type-background), body.elementor-page-1685 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #121212 0%, #000000 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1685 .elementor-element.elementor-element-72da0f6 img{width:42%;}.elementor-1685 .elementor-element.elementor-element-6f25551{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1685 .elementor-element.elementor-element-873657a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-4f7ab2e *//* Container para centralizar */
.jb-text-container {
    text-align: center;
    max-width: 900px; /* Aumentei um pouco a largura para caber a fonte maior */
    margin: 0 auto;
    padding: 10px 20px; /* Reduzi padding vertical */
}

/* --- ANIMAÇÃO DE LUZ (REFLEXO) --- */
@keyframes jb-shine-move {
    0% { background-position: -200%; }
    100% { background-position: 200%; }
}

/* Estilo do Título Principal */
.jb-headline-shine {
    font-family: 'Montserrat', sans-serif;
    
    /* CONFIGURAÇÃO DE CAIXA ALTA E COMPACTA */
    text-transform: uppercase;
    letter-spacing: -1px;      /* Espaçamento negativo para ficar "blocado" e firme */
    
    font-size: 54px;           /* AUMENTADO (Era 42px) */
    line-height: 1.1;          /* APERTADO (Linhas mais próximas) */
    font-weight: 800;          /* Extra Negrito */
    margin-bottom: 20px;       /* Margem reduzida */
    
    /* EFEITO DE LUZ DOURADA/BRANCA */
    color: #ffffff; 
    background: linear-gradient(
        110deg, 
        #bfaa7c 10%,   /* Dourado escuro */
        #ffffff 18%,   /* BRILHO BRANCO */
        #bfaa7c 28%,   /* Dourado escuro */
        #bfaa7c 100%
    );
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    animation: jb-shine-move 3.5s linear infinite;
}

/* A palavra "AMBIÇÃO" com destaque especial */
.jb-headline-shine span {
    font-family: 'Playfair Display', serif; /* Mantive a serifa para contraste elegante */
    font-style: italic;
    font-weight: 800;
    /* Ela herda o efeito de brilho automaticamente */
}

/* Estilo da Descrição */
.jb-description {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.5; /* Levemente mais apertado */
    color: #d1d1d1;
    margin-top: 0;
    max-width: 700px; /* Limita a largura para facilitar leitura */
    margin-left: auto;
    margin-right: auto;
}

.jb-description strong {
    color: #ffffff;
    font-weight: 600;
}

/* --- AJUSTE PARA MOBILE (CELULAR) --- */
@media (max-width: 768px) {
    .jb-headline-shine {
        font-size: 26px; /* Aumentei um pouco no mobile também */
        line-height: 1.2;
        letter-spacing: 0px;
    }
    
    .jb-description {
        font-size: 15px;
        line-height: 1.4;
    }
    
    .jb-text-container {
        padding: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88f90cb *//* Carregando Fontes */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Inter:wght@300;400;600&display=swap');

/* --- CONFIGURAÇÕES GERAIS --- */
.elementor-1685 .elementor-element.elementor-element-88f90cb .hero-section {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 10px;
    font-family: 'Inter', sans-serif;
    background-color: transparent; /* Assume a cor de fundo da seção */
}

/* --- TÍTULO NEON DOURADO (ANIMADO) --- */
.elementor-1685 .elementor-element.elementor-element-88f90cb .titulo-neon {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.95;
    /* Tamanho Responsivo: 3.5rem no celular, até 6rem no PC */
    font-size: clamp(3.5rem, 10vw, 6rem); 
    color: #ffffff;
    margin-bottom: 30px;
    
    /* Animação de Eletricidade/Neon Falhando */
    animation: neon-fluxo 2s infinite alternate;
}

/* Keyframes: Faz o brilho expandir e contrair como energia */
@keyframes neon-fluxo {
    0% {
        text-shadow: 
            0 0 10px rgba(234, 140, 85, 0.5),
            0 0 20px rgba(234, 140, 85, 0.3);
        opacity: 0.95;
    }
    100% {
        text-shadow: 
            0 0 5px #fff,    /* Núcleo branco quente */
            0 0 15px #ea8c55,
            0 0 30px #ea8c55,
            0 0 50px rgba(234, 140, 85, 0.8),
            0 0 70px rgba(234, 140, 85, 0.6);
        opacity: 1;
    }
}

/* --- ÁREA DO VÍDEO (Estilo Cinema) --- */
.elementor-1685 .elementor-element.elementor-element-88f90cb .video-moldura {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Mantém proporção 16:9 */
    background: #000;
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5); /* Sombra pesada embaixo */
    margin-bottom: 35px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

/* Efeito ao passar o mouse no vídeo */
.elementor-1685 .elementor-element.elementor-element-88f90cb .video-moldura:hover {
    border-color: #ea8c55; /* Borda acende */
    box-shadow: 0 0 30px rgba(234, 140, 85, 0.15);
}

.elementor-1685 .elementor-element.elementor-element-88f90cb .video-placeholder {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #1a1a1a 0%, #0e0e0e 100%);
}

.elementor-1685 .elementor-element.elementor-element-88f90cb .aviso-placeholder {
    color: #555;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    border: 1px dashed #444;
    padding: 15px 30px;
    border-radius: 6px;
}

/* --- DESCRIÇÃO --- */
.elementor-1685 .elementor-element.elementor-element-88f90cb .hero-descricao {
    color: #d1d1d1;
    font-size: 1.1rem; /* Tamanho legível */
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
}

/* --- BOTÃO "QUERO ACESSAR" --- */
.elementor-1685 .elementor-element.elementor-element-88f90cb .btn-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.elementor-1685 .elementor-element.elementor-element-88f90cb .btn-neon {
    background-color: #ea8c55;
    color: #0e0e0e;
    font-family: 'Oswald', sans-serif; /* Fonte Impactante no botão */
    font-weight: 700;
    font-size: 1.4rem;
    padding: 18px 50px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Brilho inicial */
    box-shadow: 0 0 20px rgba(234, 140, 85, 0.4);
    
    /* Animação de Batimento */
    animation: pulso-botao 1.5s infinite;
}

/* Efeito Hover do Botão */
.elementor-1685 .elementor-element.elementor-element-88f90cb .btn-neon:hover {
    background-color: #fff; /* Fica branco ao passar o mouse */
    color: #ea8c55;
    transform: translateY(-5px);
    box-shadow: 0 0 40px rgba(234, 140, 85, 0.8);
}

/* Keyframes do Botão Pulsante */
@keyframes pulso-botao {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); } /* Cresce 5% */
    100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f25551 *//* --- SESSÃO 2: PROBLEMATIZAÇÃO (COM FOTO) --- */

.jb-problem-container {
    background-color: #161616; /* Contraste sutil com o fundo preto principal */
    padding: 6px 20px;
    text-align: center;
    border-top: 1px solid #333;
}

/* Título */
.jb-problem-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px; /* Grande e legível */
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.jb-text-gold {
    color: #C49B55;
    font-style: italic;
    font-family: 'Playfair Display', serif;
}

/* Wrapper da Imagem Antes/Depois */
.jb-comparison-img-wrapper {
    max-width: 800px;
    margin: 0 auto 40px auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5); /* Sombra para destacar a foto */
    border: 1px solid #333;
}

.jb-comparison-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Conteúdo de Texto */
.jb-problem-content {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    color: #d1d1d1;
}

.jb-intro-text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.jb-intro-text strong {
    color: #fff;
    border-bottom: 1px solid #C49B55; /* Sublinhado dourado elegante */
}

/* Grid dos Pontos de Dor (Boxes) */
.jb-pain-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 Colunas no PC */
    gap: 20px;
    margin-bottom: 30px;
}

.jb-pain-item {
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #333;
    text-align: left;
    transition: transform 0.2s;
}

.jb-pain-item:hover {
    border-color: #C49B55; /* Fica dourado ao passar o mouse */
    transform: translateY(-5px);
}

.jb-pain-icon {
    color: #D87C38; /* Laranja da marca para o X */
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.jb-pain-item p {
    font-size: 15px;
    margin: 0;
    line-height: 1.5;
}

/* Frase final */
.jb-punchline {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 30px;
}

/* Mobile */
@media (max-width: 768px) {
    .jb-problem-title { font-size: 26px; }
    .jb-pain-grid { grid-template-columns: 1fr; } /* 1 Coluna no celular */
    .jb-intro-text { font-size: 16px; text-align: left; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-873657a *//* --- SESSÃO MÉTODO E MÓDULOS --- */

.jb-method-section {
    background-color: #121212; /* Fundo Preto Rico */
    padding: 80px 20px;
    font-family: 'Montserrat', sans-serif;
}

/* Título Principal */
.jb-section-title {
    text-align: center;
    font-size: 42px;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.jb-text-highlight {
    color: transparent;
    background: linear-gradient(90deg, #E69558, #ffffff, #E69558);
    background-size: 200%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: jb-shine-move 4s infinite linear; /* Usa a animação que já criamos */
}

/* Descrição Central */
.jb-method-description {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px auto;
    color: #d1d1d1;
    font-size: 18px;
    line-height: 1.6;
}

.jb-method-description strong {
    color: #ffffff;
    border-bottom: 1px solid #D87C38;
}

/* Box de Destaque "O Mapa" */
.jb-secret-box {
    background: linear-gradient(135deg, #1e1e1e 0%, #161616 100%);
    border: 1px solid #333;
    border-left: 5px solid #D87C38; /* Laranja Jean */
    max-width: 600px;
    margin: 0 auto 60px auto;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.jb-secret-icon {
    font-size: 40px;
}

.jb-secret-box h3 {
    color: #D87C38;
    margin: 0 0 5px 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.jb-secret-box p {
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

/* Título dos Módulos */
.jb-modules-title {
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Grid de Cards */
.jb-modules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsivo Automático */
    gap: 25px;
    max-width: 1100px;
    margin: 0 auto;
}

/* Estilo do Card Individual */
.jb-module-card {
    background-color: #1A1A1A;
    padding: 30px 20px;
    border-radius: 12px;
    border: 1px solid #333;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Efeito Hover no Card */
.jb-module-card:hover {
    transform: translateY(-5px);
    border-color: #D87C38;
    box-shadow: 0 10px 40px rgba(216, 124, 56, 0.15); /* Brilho laranja suave */
}

.jb-module-icon {
    font-size: 32px;
    margin-bottom: 20px;
    background-color: #252525;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #D87C38; /* Cor do ícone */
}

.jb-module-card h4 {
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.jb-module-card p {
    color: #bbbbbb;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

/* Botão CTA repetido para facilitar */
.jb-cta-button {
    background: linear-gradient(90deg, #E69558 0%, #D87C38 100%);
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    padding: 18px 35px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    transition: transform 0.2s;
    box-shadow: 0 4px 15px rgba(230, 149, 88, 0.4);
}

.jb-cta-button:hover {
    transform: scale(1.05);
}

/* Mobile */
@media (max-width: 768px) {
    .jb-section-title { font-size: 28px; }
    .jb-secret-box { flex-direction: column; text-align: center; }
    .jb-modules-grid { grid-template-columns: 1fr; } /* 1 por linha no celular */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfe0ed0 *//* --- SESSÃO DE AUTORIDADE (ESTILO CINEMA: FOTO GRANDE CENTRALIZADA) --- */

.jb-bio-section {
    background-color: #141414;
    padding: 80px 20px;
    border-bottom: 1px solid #333;
    overflow: hidden;
}

.jb-bio-container {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column; /* Coloca um embaixo do outro */
    align-items: center;    /* Centraliza tudo */
    gap: 40px;
}

/* --- 1. A IMAGEM (GRANDE E ACIMA) --- */

.jb-bio-image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    order: 1; /* Garante que a imagem venha PRIMEIRO */
}

/* O Container da Animação (Agora GRANDE novamente) */
.jb-running-border-box {
    position: relative;
    width: 100%;
    max-width: 550px; /* Tamanho GRANDE (Capa de Revista) */
    height: auto; 
    border-radius: 8px;
    background: #1a1a1a;
    overflow: hidden;
    padding: 4px; /* Borda um pouco mais grossa para o tamanho */
    box-shadow: 0 30px 60px rgba(0,0,0,0.8); /* Sombra pesada para destacar do fundo */
}

/* O Feixe de Luz */
.jb-running-border-box::before {
    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: conic-gradient(transparent, transparent, transparent, #C49B55);
    animation: rotate-border 4s linear infinite;
}

.jb-bio-img-content {
    position: relative; z-index: 10; width: 100%; display: block;
    border-radius: 6px; background-color: #1a1a1a;
    filter: sepia(10%) contrast(110%);
}

@keyframes rotate-border {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* O Selo "Autoridade Global" */
.jb-bio-badge {
    position: absolute;
    bottom: 20px; /* Fica dentro da foto um pouco acima da borda */
    right: -10px; /* Saindo levemente pra direita */
    background: linear-gradient(135deg, #C49B55, #a37c3b);
    color: #000;
    padding: 12px 30px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    z-index: 20;
    border: 1px solid #fff;
}
.jb-bio-badge span { display: block; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.jb-bio-badge strong { display: block; font-size: 16px; font-weight: 800; line-height: 1; margin-top: 2px; }


/* --- 2. TEXTO (EMBAIXO E CENTRALIZADO) --- */
.jb-bio-content {
    order: 2; /* Garante que o texto venha DEPOIS */
    width: 100%;
    max-width: 800px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #d1d1d1;
}

.jb-bio-title {
    font-size: 42px;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 800;
}

.jb-name-border {
    position: relative; color: #C49B55; padding: 5px 15px; display: inline-block;
}
.jb-name-border::before, .jb-name-border::after {
    content: ''; position: absolute; width: 20px; height: 20px;
    border: 2px solid #C49B55; transition: all 0.5s ease; opacity: 0.8;
}
.jb-name-border::before { top: 0; left: 0; border-right: none; border-bottom: none; animation: border-pulse 3s infinite alternate; }
.jb-name-border::after { bottom: 0; right: 0; border-left: none; border-top: none; animation: border-pulse 3s infinite alternate-reverse; }

.jb-bio-subtitle {
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 30px;
    font-weight: 600;
    border-bottom: 2px solid #C49B55;
    padding-bottom: 10px;
    display: inline-block;
}

.jb-bio-text {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 25px;
    text-align: center;
}
.jb-bio-text strong { color: #ffffff; font-weight: 700; }

/* Grid de Méritos */
.jb-stats-grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
    border-top: 1px solid #333;
    padding-top: 40px;
    flex-wrap: wrap;
}

.jb-stat-item {
    text-align: center;
    position: relative;
    min-width: 140px;
}
.jb-stat-item/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80015e0 *//* --- SESSÃO PROVA SOCIAL (CORRIGIDA E TRAVADA) --- */
.jb-social-proof-section {
    background-color: #161616;
    padding: 80px 20px;
    text-align: center;
    border-bottom: 1px solid #333;
    overflow: hidden; /* Garante que nada vaze para fora da sessão */
}

.jb-section-title {
    font-size: 32px;
    color: #fff;
    margin-bottom: 50px;
    text-transform: uppercase;
    line-height: 1.3;
}

/* Container dos Cards */
.jb-results-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Colunas no PC */
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 20px; /* Espaço para sombra não cortar */
}

/* O Card Individual */
.jb-result-card {
    background-color: #121212;
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; /* Garante que foto fique em cima, texto embaixo */
    height: 100%; /* Faz todos os cards terem a mesma altura no PC */
    transition: transform 0.3s;
}

.jb-result-card:hover {
    transform: translateY(-5px);
    border-color: #C49B55;
}

/* Área da Imagem (Quadrada 1:1) */
.jb-img-box {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* ISSO MANTÉM QUADRADO */
    overflow: hidden;
    background: #000;
    flex-shrink: 0; /* Impede a imagem de amassar */
}

.jb-result-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}

.jb-tag {
    position: absolute;
    bottom: 10px; right: 10px;
    background: #C49B55;
    color: #000;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 2;
}

/* Área do Texto */
.jb-caption {
    padding: 20px;
    text-align: left;
    flex-grow: 1; /* Ocupa o espaço restante */
    display: flex;
    flex-direction: column;
}

.jb-caption h4 {
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    text-transform: uppercase;
}

.jb-caption p {
    color: #bbb;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    font-style: italic;
}

/* --- MOBILE (Onde estava o problema) --- */
@media (max-width: 768px) {
    .jb-results-wrapper {
        display: flex; /* Ativa o modo carrossel */
        grid-template-columns: none; /* Desativa grid */
        overflow-x: auto; /* Scroll lateral */
        scroll-snap-type: x mandatory; /* Trava no card */
        gap: 20px;
        padding-left: 10px;  /* Margem de respiro */
        padding-right: 10px;
        justify-content: flex-start; /* Alinha a esquerda */
    }
    
    .jb-result-card {
        /* AQUI ESTÁ A CORREÇÃO: Tamanho fixo em vez de % */
        min-width: 280px; 
        max-width: 280px; 
        
        scroll-snap-align: center;
        margin-bottom: 10px; /* Espaço para sombra */
    }
    
    .jb-swipe-hint {
        display: block;
        color: #666;
        font-size: 12px;
        margin-top: 10px;
        animation: pulse 2s infinite;
    }
}

/* Elementos Extras (Estrelas e Selo) */
.jb-stars { color: #F5D586; letter-spacing: 2px; font-size: 14px; }
.jb-verified-badge { 
    display: inline-flex; align-items: center; gap: 5px; 
    background: rgba(255, 255, 255, 0.1); padding: 4px 8px; 
    border-radius: 4px; font-size: 10px; color: #bbb; 
    border: 1px solid #333; margin-bottom: 5px;
}
.jb-verified-icon { color: #00d26a; font-size: 10px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0254bd *//* --- SESSÃO DA OFERTA (VERSÃO FINAL COM EFEITOS) --- */

/* Container Principal da Sessão */
.jb-offer-section {
    background-color: #121212;
    padding: 80px 20px;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid #1a1a1a;
}

/* O Card da Oferta */
.jb-offer-container {
    max-width: 800px;
    margin: 0 auto;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.6); /* Sombra profunda */
    position: relative;
}

/* Linha Dourada no Topo */
.jb-offer-container::before {
    content: '';
    position: absolute; top: 0; left: 0; width: 100%; height: 4px;
    background: linear-gradient(90deg, #C49B55, #F5D586, #C49B55);
}

/* Cabeçalho */
.jb-offer-header {
    background-color: #1f1f1f;
    padding: 35px 20px;
    text-align: center;
    border-bottom: 1px solid #333;
}

.jb-offer-header h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3;
    font-weight: 800;
}

.jb-header-sub {
    color: #888;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
}

/* Corpo */
.jb-offer-body {
    padding: 40px;
}

/* Lista de Itens */
.jb-deliverables-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.jb-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #222;
}

.jb-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.jb-check {
    font-size: 20px;
    color: #C49B55;
    line-height: 1;
    flex-shrink: 0; /* Impede amassar */
    margin-top: 4px;
}

.jb-item-text { flex: 1; }

.jb-item-text strong {
    display: block;
    color: #fff;
    font-size: 17px;
    margin-bottom: 6px;
}

.jb-item-text p {
    color: #aaa;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

/* Box de Ancoragem (Preço Comparativo) */
.jb-anchor-box {
    background-color: #151515;
    border: 1px dashed #444;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    margin: 35px 0;
}

.jb-anchor-text { color: #ccc; font-size: 15px; margin: 0 0 5px 0; }

.jb-strike {
    text-decoration: line-through;
    color: #ff5555;
    font-weight: 700;
    font-size: 20px;
    display: block;
    margin-top: 5px;
}

.jb-anchor-sub {
    color: #fff;
    font-size: 13px;
    margin: 10px 0 0 0;
    line-height: 1.4;
    font-style: italic;
}

.jb-divider { border: 0; border-top: 1px solid #333; margin: 30px 0; }

/* Área de Preço */
.jb-price-box { text-align: center; }

.jb-offer-text {
    color: #888;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

/* Preço Gigante com Animação Pulse */
.jb-big-price {
    font-size: 54px;
    font-weight: 800;
    color: #C49B55;
    line-height: 1.1;
    margin: 15px 0;
    text-shadow: 0 0 20px rgba(196, 155, 85, 0.2);
    
    animation: price-pulse 2s infinite ease-in-out;
}

.jb-cash-price { color: #bbb; font-size: 14px; margin-bottom: 30px; }

/* Botão com Animação Shine */
.jb-final-cta-btn {
    display: block;
    background: linear-gradient(110deg, #E69558 0%, #D87C38 45%, #fff 50%, #D87C38 55%, #E69558 100%);
    background-size: 250% 100%;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 22px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 5px 20px rgba(216, 124, 56, 0.4);
    transition: transform 0.2s;
    width: 100%;
    
    animation: gold-shine 3.5s infinite linear; /* Luz passa a cada 3.5s */
}

.jb-final-cta-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(216, 124, 56, 0.6);
}

.jb-guarantee {
    margin-top: 20px;
    color: #666;
    font-size: 12px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

/* --- DEFINIÇÃO DAS ANIMAÇÕES --- */
@keyframes gold-shine {
    0% { background-position: -100%; }
    20% { background-position: 200%; } /* Passa rápido */
    100% { background-position: 200%; } /* Pausa longa */
}

@keyframes price-pulse {
    0% { transform: scale(1); text-shadow: 0 0 20px rgba(196, 155, 85, 0.2); }
    50% { transform: scale(1.03); text-shadow: 0 0 30px rgba(196, 155, 85, 0.4); }
    100% { transform: scale(1); text-shadow: 0 0 20px rgba(196, 155, 85, 0.2); }
}

/* Mobile */
@media (max-width: 768px) {
    .jb-offer-body { padding: 25px 20px; }
    .jb-big-price { font-size: 42px; }
    .jb-final-cta-btn { font-size: 18px; padding: 18px; }
    .jb-item-text strong { font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89f4773 *//* --- SESSÃO FAQ (REFINADA - DARK PREMIUM) --- */
.jb-faq-section {
    background-color: #080808; /* Quase preto absoluto (Transição para o fim) */
    padding: 80px 20px;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid #1a1a1a; /* Linha sutil separando da oferta */
}

.jb-faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.jb-faq-title {
    text-align: center;
    color: #fff;
    font-size: 32px;
    margin-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* O Box da Pergunta */
.jb-accordion-item {
    background-color: #151515; /* Cinza bem escuro */
    border: 1px solid #333;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* O Botão da Pergunta (Cabeçalho) */
.jb-accordion-header {
    background-color: #151515;
    color: #d1d1d1; /* Texto cinza claro (não branco puro, pra não cansar) */
    cursor: pointer;
    padding: 22px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s;
}

/* Efeito ao passar o mouse: Borda Dourada e Texto Branco */
.jb-accordion-item:hover {
    border-color: #C49B55; /* A mágica acontece aqui */
    transform: translateX(5px); /* Move levemente para a direita */
}

.jb-accordion-header:hover {
    color: #fff;
}

/* Estado Ativo (Quando está aberto) */
.jb-accordion-header.active {
    background-color: #1a1a1a;
    color: #C49B55; /* Texto fica dourado */
    border-bottom: 1px solid #333;
}

.jb-icon {
    font-size: 20px;
    color: #666; /* Ícone apagado */
    transition: color 0.3s;
}

/* Ícone acende quando passa o mouse ou abre */
.jb-accordion-item:hover .jb-icon,
.jb-accordion-header.active .jb-icon {
    color: #C49B55; 
}

/* Conteúdo da Resposta */
.jb-accordion-content {
    padding: 0 22px;
    background-color: #111; /* Fundo interno mais escuro para foco */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.jb-accordion-content p {
    color: #bbb;
    font-size: 15px;
    line-height: 1.7;
    padding: 20px 0;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af634e6 *//* --- RODAPÉ (FOOTER) --- */
.jb-footer {
    background-color: #0f0f0f; /* Quase preto absoluto */
    padding: 50px 20px;
    border-top: 1px solid #222;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.jb-footer-brand h3 {
    color: #C49B55;
    font-family: 'Playfair Display', serif;
    margin: 0;
    font-size: 24px;
    letter-spacing: 1px;
}

.jb-footer-brand p {
    color: #666;
    font-size: 12px;
    margin: 5px 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.jb-footer-links {
    margin-bottom: 30px;
}

.jb-footer-links a {
    color: #888;
    text-decoration: none;
    margin: 0 15px;
    font-size: 13px;
    transition: color 0.3s;
}

.jb-footer-links a:hover {
    color: #fff;
}

.jb-footer-copy p {
    color: #444;
    font-size: 12px;
    margin: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .jb-footer-links {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Oswald:wght@500;700&display=swap');

body {
    background-color: #0e0e0e; /* Fundo Grafite Escuro */
    font-family: 'Inter', sans-serif;
}/* End custom CSS */