/* style.css */
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Fonte um pouco mais estilizada da época */
    font-size: 12px;
    background-color: #FFFFFF;
    color: #000000;
}

a {
    color: #0000EE;
    text-decoration: underline; /* Links sempre sublinhados! */
}

a:visited {
    color: #551A8B; /* Cor clássica para links visitados */
}

a:hover {
    color: #FF0000; /* Cor de hover bem contrastante */
    text-decoration: none; /* Tira o sublinhado no hover, um truque comum da época */
}

/* Tabela principal do diretório */
.directory-table {
    border-collapse: collapse;
    border: 1px solid #C0C0C0;
}

.directory-cell {
    padding: 10px;
    vertical-align: top;
    border-left: 1px solid #C0C0C0;
}

/* Estilo para o título da categoria */
.category-title {
    font-size: 14px;
    font-weight: bold;
    color: #000080; /* Azul escuro */
    text-decoration: none;
}

.category-title:hover {
    color: #FF0000;
}

/* Estilo para os ícones */
.category-icon {
    width: 24px;  /* Aumenta um pouco o tamanho para o efeito pixelado */
    height: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Barra de Navegação no Topo */
.top-nav {
    background-color: #C0C0C0; /* Cinza clássico do Windows */
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    padding: 5px;
}

.nav-link {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin: 0 10px;
}

/* Divisor de seção */
.section-divider {
    height: 2px;
    background-color: #C0C0C0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #808080;
    margin: 10px 0;
}