body {
    margin: 0 !important;
    padding: 0 !important;
}

#wrapper {
    margin-top: 0 !important;
}
   
   /* Estilos para valorizar a Logo */
    .navbar-brand img {
        max-height: 120px; /* Aumentei de 40px para 80px */
        width: auto;
        transition: transform 0.3s ease;
    }
    .navbar-brand img:hover {
        transform: scale(1.05); /* Efeito sutil ao passar o mouse */
    }
    
    /* Ajuste de espaçamento para logos maiores */
    .navbar { 
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        background-color: #fff; 
        box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
    }

    /* Cores Franciscanas */
    .nav-link { 
        font-weight: 600; 
        color: #5D4037 !important; 
        text-transform: uppercase; 
        font-size: 0.95rem; 
    }
    .nav-link:hover { color: #D4AF37 !important; }

        .transition-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        transition: all 0.3s ease;
    }
    .sidebar-artigos .card-title {
        font-size: 1.1rem;
        line-height: 1.4;
    }

    h1 { 
            color: #795548; 
            text-align: center; 
            text-transform: uppercase;
            letter-spacing: 2px;
            border-bottom: 2px double #d7ccc8;
            padding-bottom: 15px;
        }
        h2 { 
            color: #a1887f; 
            font-size: 1.4em;
            margin-top: 30px;
            display: flex;
            align-items: center;
        }
        h2::before {
            content: "✦ ";
            color: #8d6e63;
            margin-right: 10px;
        }
        p { margin-bottom: 20px; text-align: justify; }
        .highlight-box {
            background-color: #efebe9;
            border-left: 6px solid #8d6e63;
            padding: 20px;
            margin: 25px 0;
            font-style: italic;
        }
        .footer-info {
            font-size: 0.9em;
            color: #795548;
            border-top: 1px solid #d7ccc8;
            padding-top: 20px;
            margin-top: 30px;
            text-align: center;
        }
        strong { color: #5d4037; }

        header, .navbar, #header { 
    z-index: 1030 !important; /* Valor padrão do Bootstrap para ficar acima de tudo */
    position: relative; /* Garante que o z-index funcione */
}

/* Se o seu topo for fixo (fixed-top), ele já deve ter um z-index alto, 
mas o ajuste abaixo resolve o conflito com a coluna lateral */
.sticky-top {
    top: 100px !important; /* Empurra o elemento para baixo do seu topo */
}

    .hover-up { transition: all 0.3s ease; }
    .hover-up:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
    .article-body p { margin-bottom: 1.5rem; }