.elementor-55879 .elementor-element.elementor-element-ada69a3{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-55879 .elementor-element.elementor-element-8285fd8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 50px 0px;}.elementor-55879 .elementor-element.elementor-element-8285fd8.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS *//* =================================================================== */
/* ESTILOS "PRIMEIROS PASSOS" - VERSÃO PREMIUM (COM WHATSAPP)          */
/* =================================================================== */

/* Banner de Boas Vindas */
.welcome-banner {
    background: linear-gradient(135deg, #0F79AF, #1AA8F1);
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(15, 121, 175, 0.2);
}

.welcome-icon i { font-size: 3rem; color: #fff; opacity: 0.9; }
.welcome-text h2 { margin: 0 0 10px 0; color: #fff; font-size: 1.5rem; }
.welcome-text p { margin: 0; opacity: 0.9; font-size: 1rem; line-height: 1.4; }

/* Container dos Passos */
.steps-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Card do Passo Individual */
.step-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-color: #bce0f5;
}

/* Número Gigante (01, 02...) */
.step-number {
    font-size: 3rem;
    font-weight: 900;
    color: #f0f2f5; 
    line-height: 1;
    min-width: 60px;
    text-align: center;
    font-family: sans-serif;
}
.step-card:hover .step-number { color: #e3f2fd; }

/* Conteúdo do Card */
.step-content { flex-grow: 1; }
.step-content h3 { margin: 0 0 10px 0; color: #0F79AF; font-size: 1.2rem; }
.step-content p { margin: 0 0 10px 0; color: #555; font-size: 0.95rem; }

/* Lista interna do card */
.mini-check-list { list-style: none; padding: 0; margin: 0; }
.mini-check-list li { margin-bottom: 5px; font-size: 0.9rem; color: #666; }
.mini-check-list li::before { content: "✓"; color: #27ae60; font-weight: bold; margin-right: 5px; }

/* Elemento Visual à Direita */
.step-visual {
    text-align: center;
    min-width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.step-visual i { font-size: 2.5rem; color: #ddd; }
.step-card:hover .step-visual i { color: #0F79AF; }

/* Tags de Navegação */
.nav-options { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.nav-tag {
    background: #f4f6f8; padding: 5px 12px; border-radius: 4px;
    font-size: 0.85rem; font-weight: 600; color: #555;
    border: 1px solid #ddd;
}

/* Simulação Botão Redondo */
.demo-round-btn {
    width: 60px; height: 60px; background: #0073aa; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.demo-round-btn i { font-size: 1.5rem !important; color: #fff !important; }

/* Botões Sociais */
.social-buttons-area {
    display: flex; gap: 15px; margin-top: 15px; flex-wrap: wrap;
}
.btn-social {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; border-radius: 50px; text-decoration: none;
    color: #fff !important; font-weight: 600; font-size: 0.95rem;
    transition: transform 0.2s;
}
.btn-social:hover { transform: translateY(-2px); opacity: 0.9; }

/* CORES SOCIAIS (CORRIGIDO PARA WHATSAPP) */
.btn-social.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.btn-social.whatsapp { 
    background-color: #25D366; 
}

/* Responsividade */
@media (max-width: 600px) {
    .welcome-banner { flex-direction: column; text-align: center; }
    .step-card { flex-direction: column; text-align: left; align-items: flex-start; }
    .step-number { font-size: 2.5rem; margin-bottom: 10px; }
    .step-visual { display: none; }
}/* End custom CSS */