/* Classe para ocultar a sidebar */
.hidden-sidebar {
    display: none;
}

/* Ajustar o layout quando a sidebar está oculta */
.hidden-sidebar ~ .pc-container {
    margin-left: 0; /* Ajuste conforme necessário */
}

/* Estilo do Header */
.pc-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px; /* Altura do header */
    /*height: 180px; !* Altura do header *!*/
    z-index: 1000; /* Certifique-se de que o header esteja acima de outros conteúdos */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px; /* Espaçamento interno */
    background-color: #fff; /* Cor de fundo do header */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para o header */
}
/* Media query para dispositivos móveis */
@media (max-width: 768px) {
    .pc-header {
        height: 50px; /* Altura do header para dispositivos móveis */
    }
}

/* Estilo para o subheader */
.pc-header-subheader {
    position: fixed;
    top: 120px; /* Ajusta a altura do subheader para começar logo abaixo do header */
    left: 0;
    width: 100%;
    height: 60px; /* Altura do subheader */
    background-color: #fff; /* Cor de fundo mais clara */
    z-index: 999; /* O subheader precisa ficar abaixo do header */
    display: flex;
    justify-content: center; /* Centraliza os itens horizontalmente */
    align-items: center; /* Alinha os itens verticalmente */
    border-top: 1px solid #e0e0e0; /* Linha sutil de separação */
    border-bottom: 1px solid #e0e0e0; /* Linha sutil de separação */

}

/* Media query para dispositivos móveis */
@media (max-width: 768px) {
    .pc-header-subheader {
        border-top: 0; /* Linha sutil de separação */
        top: 70px; /* Ajusta a altura do subheader para começar logo abaixo do header */

    }
}

/* Estilo da Sidebar */
.pc-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px; /* Ajuste a largura conforme necessário */
    height: 100%;
    background-color: #333;
    transition: transform 0.3s ease;
    transform: translateX(0); /* Inicialmente visível */
    z-index: 500; /* Certifique-se de que está abaixo do header */
}

/* Conteúdo principal */
.pc-container {
    margin-left: 250px; /* Ajuste para corresponder à largura da sidebar */
    padding: 20px;
    margin-top: 120px; /* Ajuste para corresponder à nova altura do header */
}

/* Estilo adicional para ajustar a margem inferior do header */
header {
    margin-bottom: 0; /* Remove a margem inferior do header */
    padding-bottom: 0; /* Remove o padding inferior do header */
}

.pc-container {
    margin-top: 120px; /* Ajuste a margem superior do contêiner para o tamanho do header */
    padding-top: 0; /* Remove o padding superior da div contêiner */
}

.pc-content {
    margin-top: 0; /* Remove a margem superior da div de conteúdo */
    padding-top: 0; /* Remove o padding superior da div de conteúdo */
}