/* 
 * Estilos consistentes para títulos em todo o site
 * Garante que todos os títulos sigam o mesmo padrão visual no mobile
 */

/* Estilo base para todos os títulos */
.section-title,
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.cta-title,
.testimonial-title,
.faq-title,
.duvidas-section .section-title,
.faq-section .section-title,
.pricing-section .section-title,
.avatars-text h2,
.novo-teste-header h2,
.testimonial-section .section-title,
.depoimentos-section .section-title,
.steps-section .section-title,
.mobile-only-section .section-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #9333EA !important;
    text-align: center !important;
    position: relative !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    width: 100% !important;
    display: block !important;
}

/* Linha decorativa abaixo dos títulos */
.section-title::after,
.hero h1::after,
.hero h2::after,
.cta-title::after,
.testimonial-title::after,
.faq-title::after,
.duvidas-section .section-title::after,
.faq-section .section-title::after,
.pricing-section .section-title::after,
.avatars-text h2::after,
.novo-teste-header h2::after,
.testimonial-section .section-title::after,
.depoimentos-section .section-title::after,
.steps-section .section-title::after,
.mobile-only-section .section-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 3px !important;
    background: #9333EA !important;
    border-radius: 3px !important;
}

/* Estilos específicos para mobile */
@media (max-width: 480px) {
    /* Títulos principais */
    .section-title,
    .hero h1,
    .hero h2,
    .cta-title,
    .testimonial-title,
    .faq-title,
    .duvidas-section .section-title,
    .faq-section .section-title,
    .pricing-section .section-title,
    .avatars-text h2,
    .novo-teste-header h2,
    .testimonial-section .section-title,
    .depoimentos-section .section-title,
    .steps-section .section-title,
    .mobile-only-section .section-title {
        font-size: 1.6rem !important;
        margin: 0 0 20px 0 !important;
        padding: 0 0 15px 0 !important;
    }

    /* Subtítulos */
    .hero h3,
    .hero h4,
    .section-subtitle {
        font-size: 1.4rem !important;
        margin: 0 0 15px 0 !important;
        padding: 0 0 10px 0 !important;
    }

    /* Ajuste para títulos em cards e outras seções */
    .card-title,
    .testimonial-card h3,
    .faq-item h3 {
        font-size: 1.4rem !important;
        margin: 0 0 15px 0 !important;
    }

    /* Ajuste para a linha decorativa em mobile */
    .section-title::after,
    .hero h1::after,
    .hero h2::after,
    .cta-title::after,
    .testimonial-title::after,
    .faq-title::after,
    .duvidas-section .section-title::after,
    .faq-section .section-title::after,
    .pricing-section .section-title::after,
    .avatars-text h2::after,
    .novo-teste-header h2::after,
    .testimonial-section .section-title::after,
    .depoimentos-section .section-title::after,
    .steps-section .section-title::after,
    .mobile-only-section .section-title::after {
        width: 60px !important;
        height: 2px !important;
    }
}