/* Header Fix - Fundo Branco e Logo Preto */
.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Estrutura de 3 Blocos */
.navbar .row {
    margin: 0;
    min-height: 60px;
}

.navbar .col-4 {
    padding: 0;
}

.navbar-brand {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.navbar-brand img {
    width: 300px !important;
    height: auto !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Seja Modelo - Sempre visível */
.me-3 .nav-link {
    color: #111827 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 0.5rem 1rem !important;
    text-decoration: none !important;
}

.me-3 .nav-link:hover {
    color: #8b5cf6 !important;
    text-decoration: underline !important;
}

/* Botão Offcanvas */
.btn-outline-dark {
    border-color: #111827 !important;
    color: #111827 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.btn-outline-dark:hover {
    background-color: #111827 !important;
    color: #ffffff !important;
}

/* Offcanvas Menu - Fundo Preto e Textos Brancos */
.offcanvas {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.offcanvas-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333 !important;
}

.offcanvas-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.offcanvas .btn-close {
    filter: invert(1) !important;
    opacity: 1 !important;
}

.offcanvas .btn-close:hover {
    opacity: 0.7 !important;
}

.offcanvas .nav-link,
.offcanvas .navbar-nav .nav-link,
.offcanvas-body .nav-link,
.offcanvas-body .navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0.75rem 0 !important;
}

.offcanvas .nav-link:hover,
.offcanvas .navbar-nav .nav-link:hover,
.offcanvas-body .nav-link:hover,
.offcanvas-body .navbar-nav .nav-link:hover {
    color: #8b5cf6 !important;
    text-decoration: underline !important;
}

.navbar .nav-link,
.navbar-nav .nav-link,
.navbar-expand-lg .nav-link {
    color: #111827 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

.navbar .nav-link:hover,
.navbar-nav .nav-link:hover,
.navbar-expand-lg .nav-link:hover {
    color: #8b5cf6 !important;
    text-decoration: underline !important;
}

.navbar-toggler {
    border-color: #000 !important;
}