.breadcrumb-item, .breadcrumb-item a { color: #a0a0a0; }
.breadcrumb-item.active { color: #ffffff; }
.breadcrumb-item + .breadcrumb-item::before { color: #a0a0a0; }
h1, p { color: #ffffff; }
.search-bar { background-color: #46484E; border: 1px solid #444; border-radius: 8px; }
.search-bar input { background-color: transparent; border: none; color: #fff; }
.search-bar input::placeholder { color: #888; }
.search-bar .btn { background-color: #fff; color: #121212; margin: 4px;
  padding: 0px 0px !important;
  width: 45px; }
.filter-nav .nav-link { color: #e0e0e0; border: 1px solid #444; border-radius: 8px; margin-right: 10px; padding: 8px 20px; }
.filter-nav .nav-link.active { background-color: #fff; color: #121212; border-color: #fff; }
.action-buttons .btn { color: #e0e0e0; border: 1px solid #444; border-radius: 8px; }
.material-item { background-color: #1e1e1e; border: 1px solid #2a2a2a; border-radius: 12px; padding: 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 20px; }
.material-item .icon { flex-shrink: 0; width: 50px; height: 50px; object-fit: cover; /* Garante que a imagem não distorça */ }
.material-item .content { flex-grow: 1; }
.material-item .category { font-size: 0.8rem; color: #a0a0a0; margin-bottom: 4px; }
.material-item h5 { font-size: 1.1rem; font-weight: bold; color: #ffffff; margin-bottom: 8px; }
.material-item .description { font-size: 0.9rem; color: #b0b0b0; }
.material-item .download-btn { background-color: #ffffff; color: #121212; font-weight: bold; border: none; border-radius: 8px; padding: 10px 25px; white-space: nowrap; }
    .pagination-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px; /* Espaçamento entre os elementos */
    }
    .pagination-wrapper .page-number,
    .pagination-wrapper .nav-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        font-weight: bold;
        text-decoration: none;
    }
    .pagination-wrapper .page-number.current {
        background-color: #2a2a2a;
        color: #ffffff;
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .pagination-wrapper .total-pages-text {
        color: #e0e0e0;
        font-size: 1rem;
    }
    .pagination-wrapper .nav-arrow {
        width: 40px;
        height: 40px;
        color: #121212;
        background-color: #ffffff;
        transition: opacity 0.2s ease-in-out;
    }
    .pagination-wrapper .nav-arrow.prev {
        background-color: #d0d0d0; /* Cinza claro para o botão de voltar */
        color: #444444;
    }
    /* Classe para botões desativados */
    .pagination-wrapper .nav-arrow.disabled {
        background-color: #3a3a3a;
        color: #888888;
        cursor: not-allowed;
        opacity: 0.5;
    }