.elementor-15720 .elementor-element.elementor-element-3f952a4{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-594e63b{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-3b21a72{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-d9a3d6b{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-ed12319{width:100%;max-width:100%;}.elementor-15720 .elementor-element.elementor-element-ed12319 > .elementor-widget-container{background-color:#2F017B;}.elementor-15720 .elementor-element.elementor-element-6e23296{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-a155975{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-ffd2be9{--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;--background-transition:0.3s;}.elementor-15720 .elementor-element.elementor-element-ffd2be9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15720 .elementor-element.elementor-element-5f5f715{--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;--background-transition:0.3s;}@media(min-width:768px){.elementor-15720 .elementor-element.elementor-element-ffd2be9{--width:94.624%;}}/* Start custom CSS for html, class: .elementor-element-a831c06 *//* Seção CTA de Estratégia */
.estrategia-cta-section {
    background-color: #2a0252;
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
    color: #ffffff;
    overflow: hidden;
}

/* Layout de 2 colunas */
.cta-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}

/* Coluna de Conteúdo */
.estrategia-cta-section .estrategia-main-title {
    color: #ffffff !important;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
}
.estrategia-cta-section .subtitle {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #e0e0e0;
    margin-bottom: 20px;
}

.estrategia-cta-section .body-text, .estrategia-cta-section  .cta-text {
    font-size: 1rem;
    line-height: 1.7;
    color: #e0e0e0;
    margin-bottom: 20px;
}

.estrategia-cta-section .cta-text strong {
    color: #06BEF5; /* Destaque azul */
}

/* Botão de CTA */
.estrategia-cta-section .cta-button-primary {
    display: inline-block;
    background-color: #7C00FF; /* Roxo vibrante */
    color: #ffffff;
    padding: 18px 40px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center;
    transition: all 0.3s ease;
}

.estrategia-cta-section .cta-button-primary:hover {
    background-color: #06BEF5; /* Muda para azul no hover */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(6, 190, 245, 0.2);
}

/* Coluna da Imagem e Destaques */
.estrategia-cta-section .cta-image-wrapper {
    position: relative;
    text-align: center; min-height: 400px; /* Garante que a imagem tenha espaço para os badges */
}
.estrategia-cta-section .cta-image-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    z-index: 1;
}

/* Estilo dos Destaques ("Badges") */
.estrategia-cta-section .highlight-badge {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    color: #430485;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 2;
    width: auto; /* Garante que a largura seja automática */
    white-space: nowrap; /* Impede que o texto quebre a linha */
}
.estrategia-cta-section .highlight-badge small {
    display: block;
    font-weight: 400;
    font-size: 0.8rem;
    color: #555;
    margin-top: 2px;
}

/* Posicionamento dos Badges */
.badge-1 { top: -10%; left: -5%; }
.badge-2 { top: 50%; left: -15%; }
.badge-3 { bottom: 20%; right: -10%; }
.badge-4 { top: 5%; right: 0; }


/* Responsividade */
@media (max-width: 992px) {
    .estrategia-cta-section .cta-layout {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .estrategia-cta-section .cta-image-wrapper {
        margin-top: 60px;
    }
    /* Esconde os badges em telas menores para não poluir */
    .estrategia-cta-section .highlight-badge {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a923765 *//* Seção Vantagens Google Ads (CSS CORRIGIDO) */
.vantagens-google-ads-section {
    background-color: #f9faff;
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
}

/* Cabeçalho */
.section-header {
    text-align: center;
    margin-bottom: 60px;
}

/* =================== */
/* 1. CORREÇÃO DA COR DO TÍTULO */
/* ===================*/
/* Usando o seletor da seção para garantir a prioridade */
.vantagens-google-ads-section .main-title {
    font-size: 2.8rem;
    color: #430485 !important; /* Força a cor roxa e vence o conflito */
    font-weight: 700;
}

/* Grid das Vantagens */
.vantagens-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.vantagem-card {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 16px;
    text-align: center;
    border: 2px solid #e0e0e0;
    position: relative;
    overflow: hidden;
    /* Velocidade da animação do card (levantar) ajustada */
    transition: all 0.5s ease;
}

.card-icon {
    margin-bottom: 20px;
}

.card-icon i {
    font-size: 2.5rem;
    color: #430485;
    transition: color 0.5s ease;
}

.card-title {
    font-size: 1.1rem;
    color: #430485;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.5s ease;
}

/* ========================================= */
/* 2. CORREÇÃO DA VELOCIDADE DA ANIMAÇÃO */
/* ========================================= */
.vantagem-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #7C00FF, #06BEF5, transparent);
    /* Velocidade da animação da borda AUMENTADA para 1.2 segundos */
    transition: left 1.2s ease;
    z-index: 0;
}

.vantagem-card:hover {
    border-color: #7C00FF;
    transform: translateY(-5px);
}

.vantagem-card:hover::before {
    left: 100%;
}

.vantagem-card .card-icon,
.vantagem-card .card-title {
    position: relative;
    z-index: 1;
}

.vantagem-card:hover .card-icon i,
.vantagem-card:hover .card-title {
    color: #0b79d1;
}

/* Responsividade */
@media (max-width: 992px) {
    .vantagens-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .vantagens-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26c03dc *//* Seção de Serviços Google Ads */
.google-ads-servicos-section {
    background-color: #2f017b; 
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
}

/* Cabeçalho */
.section-header { text-align: center; margin-bottom: 60px; }
.google-ads-title {
    font-size: 2.8rem;
    color: #ffffff;
    font-weight: 700;
}

/* Grid dos Cards */
.servicos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.servico-card {
    padding: 30px;
    border-radius: 12px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.servico-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* =================== */
/* PADRÃO DOS CARDS ROXOS */
/* =================== */
.servico-card {
    background-color: #7C00FF; /* Fundo Roxo Vibrante */
}
/* CORREÇÃO APLICADA AQUI: Ícone em Azul */
.servico-card .card-icon i {
    color: #06bef5; 
}

/* =================== */
/* EXCEÇÃO PARA OS CARDS AZUIS */
/* =================== */
.servico-card:nth-child(2), /* Google Shopping */
.servico-card:nth-child(4), /* Remarketing */
.servico-card:nth-child(6), /* Google Maps */
.servico-card:nth-child(8)  /* Integração com SEO */
{
    background-color: #06bef5; /* Fundo Azul Escuro */
}
/* CORREÇÃO APLICADA AQUI: Ícone em Roxo */
.servico-card:nth-child(2) .card-icon i,
.servico-card:nth-child(4) .card-icon i,
.servico-card:nth-child(6) .card-icon i,
.servico-card:nth-child(8) .card-icon i
{
    color: #7C00FF;
}

/* ==================== */
/* ESTILO DO CONTEÚDO INTERNO DOS CARDS */
/* =================== */
.card-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.google-ads-servicos-section .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.card-description {
    font-size: 0.95rem;
    color: #FFFFFF;
    line-height: 1.6;
    flex-grow: 1;
}

/* Card de CTA especial */
.cta-card {
    background-color: #2f017b;
    border: 2px dashed #06bef5;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.cta-button {
    display: inline-block;
    background-color: #06BEF5;
    color: #ffffff;
    padding: 12px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: ##06bef5;
}

/* Responsividade */
@media (max-width: 992px) {
    .servicos-grid { grid-template-columns: repeat(2, 1fr); }
    /* Removendo regras complexas de cor para mobile, mantendo um padrão consistente */
    .servico-card:nth-child(even) { background-color: #0b79d1; }
    .servico-card:nth-child(even) .card-icon i { color: #7C00FF; }
    .servico-card:nth-child(odd) { background-color: #7C00FF; }
    .servico-card:nth-child(odd) .card-icon i { color: #06BEF5; }
}

@media (max-width: 768px) {
    .servicos-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed12319 *//* Seção de Investimento em Google Ads */
.investimento-section {
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
    position: relative;
}

/* Container de largura total para o layout de 2 colunas */
.container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.investimento-layout {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Duas colunas de tamanho igual */
}

/* Coluna da Imagem */
.investimento-bg-image {
    background-image: url('https://webnatica.com.br/wp-content/uploads/2025/09/banner_qt_investir_google_ads.jpg'); /* Substitua pela URL da sua imagem */
    background-size: cover;
    background-position: center;
}

/* Coluna do Conteúdo */
.investimento-content-column {
    padding: 40px 60px; /* Espaçamento interno generoso */
    background-color: #f9faff; /* Fundo levemente roxo/azulado */
}

.investimento-header {
    margin-bottom: 40px;
}

.investimento-title {
    font-size: 2.2rem;
    color: #430485;
    font-weight: 700;
    margin-bottom: 15px;
}

.investimento-intro {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

/* Cards de Níveis */
.nivel-card {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
}

.nivel-title {
    font-size: 1.3rem;
    color: #7C00FF; /* Roxo vibrante para o título do nível */
    font-weight: 600;
    margin-bottom: 10px;
}

.nivel-description {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.nivel-button {
    display: inline-block;
    background-color: #06BEF5;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.nivel-button:hover {
    background-color: #0b79d1;
}

/* Dica Final */
.investimento-dica {
    margin-top: 40px;
    padding: 20px;
    background-color: #ede4ff;
    border-radius: 12px;
    border-left: 4px solid #7C00FF;
}

.investimento-dica p {
    margin: 0;
    font-size: 1rem;
    color: #430485;
    line-height: 1.6;
}

/* Responsividade */
@media (max-width: 992px) {
    .investimento-layout {
        grid-template-columns: 1fr; /* Uma coluna em telas menores */
    }
    .investimento-bg-image {
        min-height: 400px; /* Garante que a imagem tenha uma altura mínima */
    }
}```

**Instruções de Implementação:**
1.  **Substitua a Imagem:** No CSS, troque a URL `https://via.placeholder.com/800x900` pela URL da imagem de fundo que você deseja usar.
2.  **Links dos Botões:** No HTML, troque o `href="#"` em cada botão pelo link desejado.
3.  **Layout Responsivo:** O design é totalmente responsivo. Em telas de computador, mostrará o layout lado a lado. Em tablets e celulares, a imagem ficará acima do bloco de conteúdo, garantindo uma ótima experiência./* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5650f9a *//* Seção de Mercados de Atuação */
.mercados-atuacao-section {
    background-color: #f9faff; /* Fundo branco levemente roxo/azulado */
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
}

/* Cabeçalho */
.mercados-atuacao-section .section-header { text-align: center; margin-bottom: 60px; }
.mercados-atuacao-section .header-icon { margin-bottom: 20px; }
.mercados-atuacao-section .header-icon img { max-height: 80px; width: auto; }

.mercados-atuacao-section .mercados-main-title {
    font-size: 2.5rem;
    color: #430485; /* Roxo principal */
    font-weight: 700;
    margin-bottom: 15px;
}

.mercados-atuacao-section .mercados-subtitle { font-size: 1.1rem; color: #555; max-width: 600px; margin: 0 auto; }

/* Grid dos Cards */
.mercados-atuacao-section .mercados-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mercados-atuacao-section .mercado-card-item {
    background-color: #ffffff;
    padding: 30px;
    border: 1px solid #e0e0e0; /* Borda cinza clara */
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.mercados-atuacao-section .mercado-card-item:hover {
    transform: translateY(-5px);
    border-color: #7C00FF; /* Borda roxa no hover */
    box-shadow: 0 10px 30px rgba(0,0,0,0.07);
}

.mercados-atuacao-section .mercado-card-title {
    font-size: 1.3rem;
    color: #430485;
    font-weight: 600;
    margin-bottom: 15px;
}

.mercados-atuacao-section .mercado-card-desc {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    flex-grow: 1; /* Empurra o botão para baixo */
    margin-bottom: 25px;
}

.mercados-atuacao-section .mercado-card-button {
    display: inline-block;
    background-color: #06BEF5; /* Botão azul */
    color: #ffffff;
    text-align: center;
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.mercados-atuacao-section .mercado-card-button:hover  {
    background-color: #0b79d1; /* Azul mais escuro no hover */
}

/* Card de Destaque */
.mercados-atuacao-section .card-destaque {
    background-color: #430485; /* Fundo roxo */
    border-color: #7C00FF;
}

.mercados-atuacao-section .card-destaque .mercado-card-title { color: #ffffff; }
.mercados-atuacao-section .card-destaque .mercado-card-des { color: #e0e0e0; }
.mercados-atuacao-section .card-destaque .mercado-card-button { background-color: #7C00FF; }
.mercados-atuacao-section .card-destaque .mercado-card-button:hover { background-color: #06BEF5; }


/* Responsividade */
@media (max-width: 992px) {
.mercados-atuacao-section .mercados-grid-container { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
 .mercados-atuacao-section .mercados-grid-container{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3772e8c *//* Seção Showcase de Portfólio */
.portfolio-showcase-section {
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
    position: relative;
    background-color: #f1f3f6; /* Fundo cinza bem claro */
}

/* Container de largura total */
.container-fluid { width: 100%; max-width: 100%; padding: 0; }

.portfolio-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

/* Coluna do Carrossel */
.portfolio-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.portfolio-carousel-track {
    display: flex;
    /* Largura = (Nº de imagens + duplicadas) * largura de cada imagem */
    width: calc(900px * 8); 
    animation: portfolioScroll 30s linear infinite;
}

@keyframes portfolioScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.portfolio-carousel-track:hover {
    animation-play-state: paused;
}

.portfolio-slide {
    width: 1200px; /* Largura de cada imagem no carrossel */
    padding: 0 15px;
}

.portfolio-slide img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Coluna do Conteúdo */
.portfolio-content-column {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.1);
    padding: 50px;
    border-radius: 16px;
    /* Efeito de sobreposição */
    position: relative;
    right: 0px; /* Puxa o card de texto para cima do carrossel */
    max-width: 600px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.portfolio-title {
    font-size: 2rem;
    color: #430485;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-text {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
}

.portfolio-dica {
    font-size: 1rem;
    color: #430485;
    line-height: 1.7;
    margin-top: 25px;
}
.portfolio-dica strong { color: #7C00FF; }

.portfolio-button {
    display: inline-block;
    background-color: #06BEF5;
    color: #ffffff;
    padding: 15px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}

.portfolio-button:hover {
    background-color: #0b79d1;
}

/* Responsividade */
@media (max-width: 992px) {
    .portfolio-layout {
        grid-template-columns: 1fr;
    }
    .portfolio-carousel-wrapper {
        position: absolute; /* Coloca o carrossel no fundo */
        width: 100%;
        height: 100%;
        opacity: 0.1; /* Deixa bem sutil */
        z-index: 0;
    }
    .portfolio-content-column {
        position: static;
        right: 0;
        margin: 0 20px; /* Adiciona margens */
        z-index: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-622eebf *//* Seção de Perguntas Frequentes (FAQ) */
.faq-section {
    background-color: #f9faff;
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
}

.faq-section .container {
    max-width: 800px; /* Limita a largura para melhor legibilidade */
}

/* Cabeçalho */
.faq-section .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.faq-main-title {
    font-size: 2.5rem;
    color: #430485;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

/* Linha decorativa abaixo do título */
.faq-main-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #06BEF5;
}

/* Accordion */
.faq-accordion {
    border-top: 1px solid #e0e0e0;
}

.faq-item {
    border-bottom: 1px solid #e0e0e0;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
}

.faq-question span {
    font-size: 1.2rem;
    font-weight: 600;
    color: #430485;
}

.faq-question i {
    font-size: 1rem;
    color: #06BEF5;
    transition: transform 0.3s ease;
}

/* Rotação do ícone quando ativo */
.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

/* Resposta */
.faq-answer {
    max-height: 0; /* Começa escondido */
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.faq-answer p {
    margin: 0;
    padding: 0 0 20px 0; /* Padding adicionado apenas quando aberto */
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88b0eb2 *//* Seção de CTA Final */
.cta-final-section {
    /* Fundo em gradiente com os tons padrão do site */
    background: linear-gradient(135deg, #430485 0%, #7C00FF 100%);
    padding: 80px 0;
    font-family: 'Outfit', sans-serif;
    text-align: center;
    position: relative;
    overflow: hidden; /* Para as formas decorativas */
}

/* Opcional: Adiciona as formas diagonais sutis como na imagem */
.cta-final-section::before,
.cta-final-section::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%) skewY(-3deg);
    width: 120%;
    height: 80px;
    background: rgba(255, 255, 255, 0.05);
}

.cta-final-section::before {
    top: -40px;
}

.cta-final-section::after {
    bottom: -40px;
}


/* Conteúdo da Seção */
.cta-final-section .cta-content {
    position: relative; /* Garante que o conteúdo fique na frente das formas */
    z-index: 1;
}

.cta-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px;
}

.cta-subtitle {
    font-size: 1.1rem;
    color: #e0e0e0;
    max-width: 600px;
    margin: 0 auto 40px auto;
    line-height: 1.6;
}

.cta-final-button {
    display: inline-block;
    background-color: #06BEF5; /* Botão azul vibrante */
    color: #ffffff;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.cta-final-button:hover {
    background-color: #0b79d1; /* Azul mais escuro */
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 20px rgba(6, 190, 245, 0.2);
}

/* Responsividade */
@media (max-width: 768px) {
    .cta-main-title {
        font-size: 2rem;
    }
}/* End custom CSS */