/* Estilos para os botões de filtro */
.filter-btn {
    background-color: #1f2937;
    color: #d1d5db;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.875rem;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}
.filter-btn:hover {
    background-color: #374151;
}
.filter-btn.active {
    background-color: #f97316;
    color: white;
    border-color: #f97316;
}

/* Estilos para os cards */
.card-destaque {
    border-color: #f97316;
}

/* Estilo para a caixa de busca */
.search-input {
    background-color: #1f2937;
    color: white;
    padding: 12px 20px;
    border-radius: 25px;
    border: 1px solid #4b5563;
    width: 100%;
    max-width: 600px;
    font-size: 1rem;
}
.search-input::placeholder {
    color: #9ca3af;
}
.search-input:focus {
    outline: none;
    border-color: #f97316;
}