/* ------------------------------------------
        PROPRIEDADES CUSTOMIZADAS (Paleta da Logo)
        ------------------------------------------
        */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
        :root {
            --c-light-bg: #FFFFFF;
            --c-light-gray-bg: #F8F9FA;
            --c-dark-text: #212529;
            --c-body-text: #495057;
            --c-blue-trust: #304090; /* Azul da Logo */
            --c-red-action: #D42027; /* Vermelho da Logo */
            --c-red-hover: #A91A1F;  /* Vermelho escuro */
            --c-border-light: rgba(0, 0, 0, 0.1);
        }

        /* ------------------------------------------
        ESTILOS DE BASE (Light Mode)
        ------------------------------------------
        */
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--c-light-bg);
            color: var(--c-body-text);
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Inter', sans-serif;
            color: var(--c-dark-text);
            font-weight: 700;
        }

        h1 {

            font-weight: 800;
            line-height: 1.2;
        }

        h2 {
      
            font-weight: 700;
        }

        p.lead {
            color: var(--c-body-text);
            font-weight: 400;
        }

        /* ------------------------------------------
        EFEITOS (Cards e Botões)
        ------------------------------------------
        */
        
        /* Efeito de Card (Sombra suave) */
        .card-effect {
            background: var(--c-light-bg);
            border: 1px solid var(--c-border-light);
            border-radius: 16px;
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease-in-out;
        }

        .card-effect:hover {
            border-color: rgba(0, 0, 0, 0.15);
            transform: translateY(-5px);
            box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.08);
        }

        /* Botão de CTA Premium (Vermelho/Ação - WhatsApp) */
        .btn-premium {
            background: linear-gradient(145deg, var(--c-red-action), var(--c-red-hover));
            color: #FFFFFF; /* Texto branco */
            font-weight: 700;
            padding: 14px 28px;
            border: none;
            border-radius: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 15px rgba(212, 32, 39, 0.3);
            transition: all 0.3s ease-in-out;
        }

        .btn-premium:hover {
            background: linear-gradient(145deg, var(--c-red-hover), var(--c-red-action));
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(212, 32, 39, 0.4);
            color: #FFFFFF;
        }
        .btn-premium i {
            font-size: 1.2rem;
            vertical-align: middle;
        }

        /* ------------------------------------------
        COMPONENTES DE SEÇÃO (Header, Hero, etc.)
        ------------------------------------------
        */

        /* Header Fixo (Light) */
        .navbar {
            background: rgba(255, 255, 255, 0.85); /* Fundo branco semi-transparente */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 1rem 0;
            transition: background 0.3s ease;
            border-bottom: 1px solid var(--c-border-light);
        }

        .navbar-brand img {
            max-width: 250px;
            height: auto;
        }
        
        .nav-link {
            color: var(--c-body-text) !important;
            font-weight: 500;
            transition: color 0.2s ease;
            margin: 0 0.5rem;
        }
        .nav-link:hover, .nav-link.active {
            color: var(--c-red-action) !important; /* Destaque vermelho */
        }

        /* Seção Hero */
        #hero {
            padding: 2rem 0 5rem 0;
            min-height: 90vh;
            display: flex;
            align-items: center;
        }
        
        /* Barra de Credibilidade */
        #credibilidade {
            padding: 2rem 0;
            background-color: var(--c-light-gray-bg);
            border-top: 1px solid var(--c-border-light);
            border-bottom: 1px solid var(--c-border-light);
        }
        .cred-item {
            text-align: center;
        }
        .cred-item h4 {
            color: var(--c-blue-trust); /* Azul da engenharia */
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 0.25rem;
        }
        .cred-item p {
            font-size: 0.9rem;
            color: var(--c-body-text);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 0;
        }

        /* Seção de Títulos (Estilo Padrão) */
        .section-title {
            text-align: center;
            margin-bottom: 4rem;
        }
        .section-title h2 {
            display: inline-block;
            position: relative;
            padding-bottom: 1rem;
        }
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 4px;
            background-color: var(--c-red-action); /* Vermelho da logo */
            border-radius: 2px;
        }
        .section-title .sub-title {
            color: var(--c-blue-trust); /* Azul da logo */
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0.5rem;
            display: block;
        }

        /* Cartões de Serviços (Menu Principal) */
        .service-card {
            padding: 2.5rem 2rem;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .service-card .icon {
            font-size: 3rem;
            color: var(--c-blue-trust);
            margin-bottom: 1.5rem;
            display: inline-block;
        }
        .service-card h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--c-dark-text);
        }
        .service-card .btn-link {
            margin-top: auto; /* Alinha o botão no final */
            font-weight: 700;
            text-decoration: none;
            color: var(--c-red-action);
        }
        .service-card .btn-link:hover {
            color: var(--c-red-hover);
            text-decoration: underline;
        }

        /* Seção Diferencial (Acordeão) */
        #diferencial {
            background: var(--c-light-gray-bg); /* Fundo cinza claro */
        }
        
        .accordion-item {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid var(--c-border-light);
        }
        .accordion-header .accordion-button {
            background-color: transparent;
            color: var(--c-dark-text);
            font-size: 1.2rem;
            font-weight: 700;
            padding: 1.5rem 0.5rem;
            border: none;
            box-shadow: none;
        }
        .accordion-header .accordion-button:not(.collapsed) {
            color: var(--c-red-action);
            background-color: transparent;
        }
        .accordion-header .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D42027'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            transform: scale(1.2);
        }
        .accordion-body {
            color: var(--c-body-text);
            padding: 1rem 0.5rem 1.5rem 0.5rem;
            line-height: 1.7;
        }

        /* Prova Social (Depoimentos) */
        .carousel-item {
            padding: 4rem 2rem;
        }
        .testimonial-card {
            padding: 3rem;
            text-align: center;
        }
        .testimonial-card .quote-icon {
            font-size: 3rem;
            color: var(--c-red-action);
        }
        .testimonial-card p {
            font-size: 1.15rem;
            font-style: italic;
            line-height: 1.7;
            color: var(--c-dark-text);
            margin: 2rem 0;
        }
        .testimonial-card .author {
            font-weight: 700;
            color: var(--c-dark-text);
        }
        .testimonial-card .role {
            font-size: 0.9rem;
            color: var(--c-blue-trust);
        }
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: var(--c-red-action);
            border-radius: 50%;
            padding: 1rem;
        }

        /* Seção de CTA Final */
        #cta-final {
            background: linear-gradient(rgba(248, 249, 250, 0.85), rgba(248, 249, 250, 0.85));
            background-size: cover;
            background-attachment: fixed;
            padding: 8rem 0;
            text-align: center;
        }
        #cta-final h2 {
            font-size: 2.5rem;
            color: var(--c-dark-text);
            max-width: 800px;
            margin: 0 auto 1.5rem auto;
        }
        #cta-final p {
            max-width: 600px;
            margin: 0 auto 2.5rem auto;
            font-size: 1.1rem;
            color: var(--c-body-text);
        }

        /* Footer */
        footer {
            padding: 3rem 0;
            background-color: #111111; /* Footer escuro para 'ancorar' a página */
            border-top: 1px solid var(--c-border-light);
            text-align: center;
        }
        footer p, footer .h5 {
            color: var(--c-body-text);
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }
        footer .h5 {
             color: #FFF;
        }

        /* Modal (Formulário Secundário) */
        .modal-content {
            background: var(--c-light-bg);
            border: 1px solid var(--c-border-light);
            border-radius: 16px;
        }
        .modal-header {
            border-bottom: 1px solid var(--c-border-light);
        }
        .form-control {
            background-color: rgba(0, 0, 0, 0.05);
            border: 1px solid var(--c-border-light);
            color: var(--c-dark-text);
            border-radius: 8px;
            padding: 12px;
        }
        .form-control:focus {
            background-color: rgba(0, 0, 0, 0.02);
            border-color: var(--c-blue-trust);
            box-shadow: 0 0 0 3px rgba(48, 64, 144, 0.2);
            color: var(--c-dark-text);
        }
        .form-control::placeholder {
            color: var(--c-body-text);
            opacity: 0.7;
        }
        .form-select {
            background-color: rgba(0, 0, 0, 0.05);
            border: 1px solid var(--c-border-light);
            color: var(--c-body-text);
            border-radius: 8px;
            padding: 12px;
        }
        .form-select:focus {
            border-color: var(--c-blue-trust);
            box-shadow: 0 0 0 3px rgba(48, 64, 144, 0.2);
        }

        /* ------------------------------------------
        NOVOS ESTILOS (Abas de Serviços, Timeline)
        ------------------------------------------
        */
        
        /* Abas de Navegação (Pills) para Engenharia Civil */
        .nav-pills .nav-link {
            background-color: var(--c-light-gray-bg);
            border: 1px solid var(--c-border-light);
            color: var(--c-dark-text);
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-align: left;
        }
        .nav-pills .nav-link.active {
            background-color: var(--c-blue-trust);
            border-color: var(--c-blue-trust);
            color: #FFFFFF;
        }
        .tab-content .tab-pane {
            padding: 1.5rem;
            background: var(--c-light-gray-bg);
            border-radius: 8px;
        }

        /* Linha do Tempo (Processo Solar) */
        .process-timeline {
            position: relative;
            padding: 2rem 0;
        }
        .process-step {
            position: relative;
            padding-left: 50px;
            padding-bottom: 2.5rem;
        }
        .process-step::before {
            /* O número */
            content: attr(data-step);
            position: absolute;
            left: -15px;
            top: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: var(--c-blue-trust);
            color: #fff;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
        }
        .process-step::after {
            /* A linha vertical */
            content: '';
            position: absolute;
            left: 5px;
            top: 40px;
            width: 2px;
            height: 100%;
            background-color: var(--c-border-light);
            z-index: 1;
        }
        .process-step:last-child::after {
            display: none; /* Remove a linha do último item */
        }
        .process-step h5 {
            color: var(--c-blue-trust);
            font-weight: 700;
        }
        
        /* Benefícios (Lista com Ícones) */
        .benefits-list {
            list-style: none;
            padding-left: 0;
        }
        .benefits-list li {
            font-size: 1.1rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }
        .benefits-list i {
            font-size: 1.5rem;
            color: var(--c-red-action);
            margin-right: 1rem;
        }
/* ==============================================
    CSS - MODAL, FLUTUANTE E POP-UP (MONAN)
    ==============================================*/

#engenheiroModal .modal-content {
    border-radius: 16px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
#engenheiroModal .modal-header {
    border-bottom-color: var(--c-border-light);
    padding: 1.5rem 2rem;
}
#engenheiroModal .modal-header .modal-title {
    font-weight: 700;
    color: var(--c-blue-trust);
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}

/* Botão de WhatsApp no Modal */
#engenheiroModal .modal-whatsapp-btn {
    background: #25D366;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 16px 30px;
    width: 100%;
    border-radius: 8px;
    border: none;
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
}
#engenheiroModal .modal-whatsapp-btn:hover {
    background: #128C7E;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4);
}

/* Link e Animações */
#engenheiroModal .toggle-form-link {
    color: var(--c-blue-trust);
    text-decoration: none;
    font-weight: 600;
}
#engenheiroModal .toggle-form-link:hover {
    text-decoration: underline;
    color: var(--c-red-action);
}
#modal-loading-state, #modal-ready-state {
    transition: opacity 0.5s ease;
}
#modal-contact-options, #modal-form-container {
    overflow: hidden;
    transition: max-height 0.7s ease, opacity 0.5s ease, visibility 0.7s;
}
#modal-form-container {
    max-height: 0; opacity: 0; visibility: hidden; margin-top: 1.5rem;
}
#modal-form-container.visible {
    max-height: 800px; opacity: 1; visibility: visible;
}
#modal-contact-options.hidden {
    max-height: 0 !important; opacity: 0 !important; visibility: hidden !important; padding: 0 !important; margin: 0 !important;
}

/* Botão Flutuante */
.whatsapp-float-button {
    position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px;
    background-color: #25D366; color: #fff; border-radius: 50%; border: none;
    display: flex; align-items: center; justify-content: center; font-size: 2.2rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); z-index: 1050; cursor: pointer;
    opacity: 0; transform: scale(0.5) translateY(20px); visibility: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.whatsapp-float-button.visible {
    opacity: 1; transform: scale(1) translateY(0); visibility: visible;
}
.whatsapp-float-button:hover {
    transform: scale(1.1);
}
/* ------------------------------------------
   10. ESTILOS DO BLOG (category.php e single.php)
   ------------------------------------------ */

/* --- Cabeçalho do Blog/Categoria --- */
.blog-header-hero {
    padding: 5rem 0;
    background-color: var(--c-light-gray-bg);
}
.blog-header-hero .page-title {
    color: var(--c-blue-trust); /* Cor da marca */
    font-size: calc(1.4rem + 1.8vw);
    font-weight: 800;
}
.blog-header-hero .section-title {
    margin-bottom: 0;
}

/* --- Grade de Artigos (category.php) --- */
.blog-grid-section {
    padding: 5rem 0;
}

.blog-card {
    /* Herda o .card-effect (borda, sombra, transição) */
    display: flex;
    flex-direction: column;
    height: 100%; /* Garante altura uniforme */
}

.blog-card-image-link {
    display: block;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}
.blog-card-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.blog-card:hover .blog-card-image {
    transform: scale(1.05);
}

.blog-card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Faz o card crescer para preencher o espaço */
}

.blog-card-meta {
    font-size: 0.85rem;
    color: var(--c-body-text);
    opacity: 0.8;
    margin-bottom: 0.5rem;
}

.blog-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--c-dark-text);
    margin-bottom: 1rem;
    line-height: 1.3;
}
.blog-card-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}
.blog-card-title a:hover {
    color: var(--c-red-action); /* Cor da marca */
}

.blog-card-excerpt {
    color: var(--c-body-text);
    font-size: 0.95rem;
    line-height: 1.6;
    flex-grow: 1; /* Empurra o rodapé para baixo */
    margin-bottom: 1.5rem;
}
.blog-card-excerpt p {
    margin-bottom: 0;
}

.blog-card-footer .btn-read-more {
    font-weight: 700;
    text-decoration: none;
    color: var(--c-red-action); /* Cor da marca */
}
.blog-card-footer .btn-read-more:hover {
    color: var(--c-red-hover);
    text-decoration: underline;
}

/* --- Paginação (category.php) --- */
.pagination-wrapper {
    margin-top: 4rem;
}
.pagination {
    justify-content: center;
}
.page-numbers {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border: 1px solid var(--c-border-light);
    border-radius: 8px;
    color: var(--c-blue-trust);
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
}
.page-numbers:hover {
    background-color: var(--c-light-gray-bg);
    border-color: var(--c-blue-trust);
}
.page-numbers.current {
    background-color: var(--c-blue-trust);
    border-color: var(--c-blue-trust);
    color: #fff;
}
.page-numbers.prev,
.page-numbers.next {
    background-color: var(--c-red-action);
    border-color: var(--c-red-action);
    color: #fff;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
    background-color: var(--c-red-hover);
    border-color: var(--c-red-hover);
    color: #fff;
}

/* --- Cabeçalho do Artigo (single.php) --- */
.post-header-hero {
    padding: 5rem 0;
    background-color: var(--c-light-gray-bg);
}
.post-title {
    font-size: calc(1.5rem + 2vw);
    font-weight: 800;
    color: var(--c-dark-text);
    line-height: 1.2;
    margin: 1rem 0;
}
.post-categories a {
    font-weight: 700;
    color: var(--c-red-action);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}
.post-meta {
    color: var(--c-body-text);
    font-weight: 500;
}
.post-meta a {
    color: var(--c-body-text);
    text-decoration: none;
    font-weight: 700;
}
.post-meta a:hover {
    color: var(--c-red-action);
}

/* --- Conteúdo do Artigo (single.php) --- */
.post-content-section {
    padding: 5rem 0;
}
.post-featured-image {
    margin-bottom: 3rem;
}

/* Estilos de tipografia para o conteúdo do post */
.post-content {
    color: var(--c-dark-text);
    font-size: 1.1rem;
    line-height: 1.8;
}
.post-content p {
    margin-bottom: 1.5rem;
}
.post-content h2,
.post-content h3,
.post-content h4 {
    color: var(--c-blue-trust);
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}
.post-content ul,
.post-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}
.post-content li {
    margin-bottom: 0.5rem;
}
.post-content blockquote {
    font-size: 1.2rem;
    font-style: italic;
    color: var(--c-dark-text);
    padding-left: 1.5rem;
    margin: 2rem 0;
    border-left: 4px solid var(--c-red-action);
}
.post-content a {

    font-weight: 600;
    text-decoration: none;
}
.post-content a:hover {
    text-decoration: underline;
}

/* --- Rodapé do Post (single.php) --- */
.post-footer-meta {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--c-border-light);
}
.post-tags {
    margin-bottom: 1.5rem;
}
.post-tags .tag-link {
    display: inline-block;
    background-color: var(--c-light-gray-bg);
    color: var(--c-body-text);
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
    margin: 0.25rem;
    transition: background-color 0.3s ease;
}
.post-tags .tag-link:hover {
    background-color: var(--c-blue-trust);
    color: #fff;
}
.post-share {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.post-share .share-link-wa,
.post-share .share-link-li,
.post-share .share-link-fb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 1.1rem;
    transition: opacity 0.3s ease;
}
.post-share .share-link-wa { background-color: #25D366; }
.post-share .share-link-li { background-color: #0077B5; }
.post-share .share-link-fb { background-color: #1877F2; }
.post-share .share-link-wa:hover,
.post-share .share-link-li:hover,
.post-share .share-link-fb:hover {
    opacity: 0.8;
}

/* --- Navegação Próximo/Anterior (single.php) --- */
.post-navigation {
    margin-top: 3rem;
    border-top: 1px solid var(--c-border-light);
}
.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex-basis: 50%;
    padding: 2rem 0;
}
.post-navigation .nav-previous {
    padding-right: 1rem;
    border-right: 1px solid var(--c-border-light);
}
.post-navigation .nav-next {
    padding-left: 1rem;
    text-align: right;
}
.post-navigation a {
    text-decoration: none;
    color: var(--c-dark-text);
    transition: color 0.3s ease;
}
.post-navigation a:hover {
    color: var(--c-red-action);
}
.post-navigation .nav-subtitle {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--c-body-text);
    margin-bottom: 0.5rem;
}
.post-navigation .nav-title {
    font-weight: 700;
}

/* --- Responsividade (Ajustes Finos) --- */
@media (max-width: 767px) {
    .blog-header-hero,
    .blog-grid-section,
    .post-content-section,
    .post-header-hero {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .post-title {
        font-size: calc(1.4rem + 3vw);
    }
    .post-navigation .nav-links {
        flex-direction: column;
    }
    .post-navigation .nav-previous {
        border-right: none;
        border-bottom: 1px solid var(--c-border-light);
    }
}

/* ------------------------------------------
   12. BANNER DE CTA INTERNO (do functions.php)
   ------------------------------------------ */

.monan-lead-banner {
    background-color: var(--c-light-gray-bg);
    border: 1px solid var(--c-border-light);
    border-radius: 16px; /* Combinando com seu .card-effect */
    padding: 2.5rem 2rem;
    margin: 3rem 0;
    text-align: center;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* Combinando com seu .card-effect */
}

.monan-lead-banner .banner-title {
    color: var(--c-blue-trust); /* Sua cor principal de "confiança" */
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.monan-lead-banner .banner-text {
    font-size: 1.1rem;
    color: var(--c-body-text);
    margin-bottom: 1.5rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.monan-lead-banner .banner-text strong {
    color: var(--c-dark-text);
}

/* * Reutilização Inteligente:
 * Não precisamos estilizar o botão! Ao usar a classe "btn btn-premium", 
 * ele automaticamente herda o estilo do botão de ação principal do seu site.
 */

.monan-lead-banner .banner-subtext {
    font-size: 0.9rem;
    color: var(--c-body-text);
    opacity: 0.8;
    margin-top: 1.5rem;
    margin-bottom: 0;
}

/* Ajuste para telas menores */
@media (max-width: 576px) {
    .monan-lead-banner {
        padding: 1.5rem;
    }
    .monan-lead-banner .banner-title {
        font-size: 1.3rem;
    }
    .monan-lead-banner .banner-text {
        font-size: 1rem;
    }
}