/* PROJETO WEB - ESTRUTURA DA MASTER PAGE - DARK MINIMALIST */

.barra-fixa {
    position: fixed;
    width: 100%;
    height: 81px;
    background-color: #000000; /* Preto absoluto */
    border-bottom: 1px solid #1a1a1a; /* Linha de divisão bem discreta */
    z-index: 100;
}

.content-wrap {
    max-width: 1024px;
    margin: auto;
    position: relative;
}

/* CABEÇALHO */
.cabecalho {
    height: 81px;
    width: 100%;
}

.logomarca {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
}

.barra-titulo {
    position: absolute;
    top: 0;
    left: 81px;
    bottom: 40px;
    height: 40px;
    padding: 8px;
    color: #ffffff;
}

.barra-menu {
    position: absolute;
    top: 40px;
    left: 81px;
    right: 0;
    height: 40px;
    text-align: right;
}

    .barra-menu a {
        color: #888888; /* Cinza apagado inicial */
        font-size: 15px;
        font-weight: 500;
        margin: 0 15px;
        padding: 8px 5px;
        text-decoration: none;
        display: inline-block; /* Essencial para o efeito de zoom funcionar */
        cursor: pointer;
        transition: all 0.3s ease; /* Suaviza a animação */
    }

        .barra-menu a:hover {
            color: #ffffff !important; /* Letras clareiam para branco */
            transform: scale(1.15); /* Efeito de zoom de 15% */
            background: transparent;
            border: none;
        }

/* MENU MOBILE DARK */
.menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    right: 0px;
    bottom: 0px;
    background-color: #0a0a0a;
    width: 70%;
    border-left: 1px solid #1a1a1a;
    z-index: 102 !important;
}

    .menu-mobile a {
        width: 100%;
        display: inline-block;
        line-height: 45px;
        color: #888888 !important;
        text-align: left;
        padding-left: 24px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

        .menu-mobile a:hover {
            background-color: #151515;
            color: #ffffff !important;
            padding-left: 30px; /* Pequeno deslize no mobile */
        }

.conteudo {
    min-height: 1300px;
    padding-top: 100px; /* Espaço para a barra fixa não cobrir o conteúdo */
}

.rodape {
    min-height: 300px;
    background-color: #080808;
    border-top: 1px solid #1a1a1a;
    padding-top: 30px;
}