/* css/cta.css */

.verde-escuro {
    color: #00948B;
}
.bg-verde-claro{
    background-color: #00BFB6;
    display: inline;
    color: #FFF;
    border-radius: 30px;

}
.verde-claro{
    color: #00BFB6;
}

/* --- 6. Seção CTA Proposta --- */
#cta-proposta {
    overflow: hidden; /* Evita barras de rolagem laterais */
    background-color: #f8f9fa;
}

.cta-mec-img {
    width: 230px;    /* Largura fixa da imagem */
    display: block;  /* Comportamento de bloco para alinhar corretamente */
}

.cta-mec-text {
    background-color: black;
    color: #FFF;
    border-radius: 30px;
    padding: 20px 15px; /* Reduzi levemente o padding lateral para o texto caber melhor nos 230px */
    
    width: 230px;    /* EXATAMENTE a mesma largura da imagem */
    margin-left: 0;  /* Removida a margem que desalinhava */
    box-sizing: border-box; /* Garante que a largura final seja respeitada independente do padding */
    
    /* Centralizar o texto dentro da caixa */
    text-align: center; 
}

.cta-progressao {
    max-width: 100%;
    border-radius: 30px;
    background-color: black;
    color: #FFF;
    padding: 10px;
}


/* 2. Headlines (Centro) */
.cor-secundario {
    color: #00958C;
}
.cta-headline-foguete {
    position: relative;
    display: inline-block; /* Para o foguete se posicionar corretamente */
    padding-right: 100px; /* Cria espaço para o ícone */
}

/* Este é o estilo CORRETO para o ícone */
.cta-foguete-icon {
    width: 200px; /* 1. Mantém o tamanho de 200px */
    position: absolute; /* 2. Tira o ícone do fluxo de texto */
    top: 50%; /* Centraliza verticalmente */
    right: 0; /* Alinha à borda direita do texto */

    /* 3. Move o ícone para "fora" da caixa de texto, sobrepondo-o */
    transform: translate(40%, -50%);
}

/* 3. Imagem da Mulher (Baixo) */
.cta-mulher-img {
    /* A imagem 'mulher.png' parece já conter o fundo de rede */
    max-height: 350px; /* Evita que ela fique gigante */
    width: auto;
}

/* 4. Novo Botão "Outline" */
.btn-outline-custom {
    color: var(--cor-principal-teal);
    border-color: var(--cor-principal-teal);
    border-width: 2px;
    padding: 8px 30px; /* Mesmo padding do .btn-custom */
    font-weight: 600;
    border-radius: 50px; /* Botões arredondados */
    text-transform: uppercase; /* Padrão do design */
    transition: all 0.3s ease;
}

.btn-outline-custom:hover {
    background-color: var(--cor-principal-teal);
    border-color: var(--cor-principal-teal);
    color: white;
    transform: translateY(-2px); /* Efeito sutil de "levantar" */
    box-shadow: 0 4px 10px rgba(0,192,183,0.3);
}

@media (max-width: 767px) {
    .cta-benefit-text p {
        font-size: 0.8rem;
    }

    #cta-proposta .display-5 {
        font-size: 2.2rem;
    }

    .cta-foguete-icon {
        width: 30px;
        transform: translateY(-5px);
        margin-left: 5px;
    }

    .cta-mulher-img {
        max-height: 280px;
    }
}